slippers-ui 0.14.13 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +17 -108
  2. package/dist/slippers-core.css +1 -0
  3. package/dist/slippers-core.umd.min.js +2 -0
  4. package/package.json +47 -80
  5. package/src/styles/_variables.scss +247 -0
  6. package/src/styles/base.scss +116 -0
  7. package/dist/base.css +0 -552
  8. package/dist/compiled.css +0 -3160
  9. package/dist/slippersComponents.common.js +0 -10766
  10. package/dist/slippersComponents.css +0 -1
package/README.md CHANGED
@@ -1,115 +1,24 @@
1
- # Slippers Marketing Design System
1
+ # slippers-ui
2
2
 
3
- Slippers is the open-source GitLab Marketing Web Design System. In the spirit of "everyone can contribute", creating guidelines that enable people to build better web pages faster and allows us to co-create with ease. To learn more about design systems, [read InVision's guide to design systems](https://www.invisionapp.com/inside-design/guide-to-design-systems/).
4
-
5
- ## Contributing
6
-
7
- We're always looking for feedback to improve the experience of working with Slippers.
8
- We happily accept contributions, no matter how small.
9
- Feel free to submit an issue or open a merge request!
10
-
11
- ## Get Started Here!
12
-
13
- Slippers is build with [VueCLI](https://cli.vuejs.org/guide/), [Storybook](https://storybook.js.org/), and [TailwindCSS](https://tailwindcss.com/). TailwindCSS has been configured as [PostCSS plugin](https://postcss.org/).
14
-
15
- ### Local Development Instructions
16
-
17
- - This repo has been built and maintained using macOS with consideration for Windows machines, with Linux not being officially supported.
18
- - If you don't already, make sure you have [yarn](https://yarnpkg.com/getting-started/install), [node](https://nodejs.org), and [nvm](https://github.com/nvm-sh/nvm) installed (If you have a windows machine, you will need to addiitionally install [nvm-windows](https://github.com/coreybutler/nvm-windows), and [git](https://git-scm.com/)).
19
-
20
- 1. Use `nvm install` to install the same version of node as listen in `.nvmrc`.
21
- 1. `nvm use` to allow nvm to match your working version of node to the one found within the repository.
22
- 1. `yarn` to install `storybook`, `tailwindcss`, and their dependencies
23
- 1. `yarn start` to watch for changes within `vue` files within `./stories` directory on port 60061
24
- 1. To view a webpage of the local customized TailwindCSS Config, run `yarn view:tailwind` on port 3000
25
-
26
- ### How to use Storybook
27
-
28
- [Storybook](https://storybook.js.org/) is our isolated UI to code environment for creating anything from blocks and components to layouts and webpages. We are using Vue as our front-end framework for achieving this. The main workflow behind using storybook is:
29
-
30
- 1. Authoring a Vue component
31
- 2. Creating a corresponding ["story"](https://storybook.js.org/docs/vue/get-started/whats-a-story) as different UI States that exist withing a `component.stories.js` file. Storybook is able to [interpret these stories](https://storybook.js.org/docs/vue/writing-stories/introduction#component-story-format) and [render out different states of that component](https://storybook.js.org/docs/vue/writing-stories/introduction#how-to-write-stories) to the browser.
32
- 3. Add documentation to those stories within the [docs panel](https://storybook.js.org/docs/vue/writing-docs/doc-blocks) or as [standalone page](https://storybook.js.org/docs/vue/writing-docs/mdx#documentation-only-mdx).
33
-
34
- This article is a good practical example on how [Storybook works and how to use it](https://www.learnstorybook.com/intro-to-storybook/vue/en/simple-component/).
35
-
36
- Gotchas: [Args in Storybook](https://storybook.js.org/docs/vue/writing-stories/args) vs Props in Vue
37
-
38
- ## Slippers Documentation
39
-
40
- You can find our documentation in the [Storybook instance for this repository](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/get-started--page).
41
-
42
- Keeping documentation in Storybook allows us to keep a [single source of truth](https://about.gitlab.com/company/culture/all-remote/handbook-first-documentation/#creating-a-home-for-a-single-source-of-truth-ssot) for this repository's documentation, alongside the code-based stories as well.
43
-
44
- 1. [Get Started](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/get-started--page)
45
- 1. [Releases](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/releases--page)
46
- 1. [Tailwind CSS](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/tailwind-css--page)
47
- 1. [Storybook](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/storybook--page)
48
-
49
- ## Tailwind Config Viewer
50
-
51
- A key idea that we want to reinforce about styling in Slippers is that we _heavily_ modify the [default TailwindCSS configuration](https://unpkg.com/browse/tailwindcss@2.0.4/stubs/defaultConfig.stub.js). While the [TailwindCSS docs page](https://tailwindcss.com/docs) is still helpful, much of it does not reflect our configuration for this repository. To help with this, we have added a page that displays the existing utility classes within our current TailwindCSS configuration. URL: [https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui/tailwind/](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-uitailwind/). To run locally, run `yarn serve:tailwind-viewer`
52
-
53
- ## Building for production
54
-
55
- ### Building Storybook
56
-
57
- 1. `yarn build-storybook` to build to `/storybook-static` directory
58
-
59
- ### Build the Vue Library
60
-
61
- To build the entire library, run
62
-
63
- ```sh
64
- yarn build
3
+ ## Project setup
65
4
  ```
66
-
67
- We use [Vue CLI](https://cli.vuejs.org/) to build our components using the [library target](https://cli.vuejs.org/guide/build-targets.html#library). `vue.config.js` has some of the configuration options set up, and is [extensible](https://cli.vuejs.org/config/#global-cli-config).
68
-
69
- The `yarn build` command chains the Vue CLI script with the PostCSS script:
70
-
71
- ```json
72
- "build": "vue-cli-service build --target lib --name slippersComponents src/main.js && yarn build:css"
5
+ npm install
73
6
  ```
74
7
 
75
- Right now we target `src/main.js` as the entrypoint for the library, which in turn pulls in components we manually specify. We extract (and ignore) CSS from this build, because after the Vue CLI runs its build process, PostCSS runs our Tailwind build step.
76
-
77
- #### Dist files
78
-
79
- The build step creates these files:
80
-
81
- - dist/compiled.css: compiled CSS from PostCSS and Tailwind
82
- - dist/demo.html: demo app from Vue CLI that shows how the library could be imported
83
- - dist/slippersComponents.common.js: component bundle, for consumption by Webpack
84
- - dist/slippersComponents.common.js.map: source map for Webpack component bundle
85
- - dist/slippersComponents.umd.js: component bundle, for consumption by browsers or AMD loaders
86
- - dist/slippersComponents.umd.js.map: source map for browser/AMD loader bundle
87
- - dist/slippersComponents.umd.min.js: minified browser/AMD bundle
88
- - dist/slippersComponents.umd.min.js.map: source map for minified browser/AMD bundle
89
-
90
- #### Clean mode
91
-
92
- The order of those build commands matters, since the `build` command in Vue CLI will [automatically remove the `dist/` folder first](https://cli.vuejs.org/config/#outputdir). We can disble this if need to change the ordering.
93
-
94
- ## Additional Technical Notes
95
-
96
- ### Repo Infrastructure
97
-
98
- - We're currently using Prettier setup with Lefthook. Before committing, Lefthook checks that files are formatted with Prettier. To check for formatting, run `yarn prettier:check`. If you would like Prettier to format your entire repo automically, run `yarn prettier:write`. You may also pass your own arguments to prettier by running `yarn prettier`.
99
-
100
- ### Storybook
101
-
102
- - Storybook currently must use PostCSSv7, while Tailwindv2 is using PostCSSv8. Because of this, Tailwind was installed to be compatible with PostCSSv7. [Tailwind Docs on compatibility](https://tailwindcss.com/docs/installation#post-css-7-compatibility-build).
103
- - Much of [Storybook](https://storybook.js.org/docs/html/get-started/introduction) is built and written with JS frameworks in mind. However, its most popular usage with React. Much of their primary docs are written with React in mind. We should consider making a contribution to their Vue docs so that others can benefit from that as well.
104
-
105
- ### TailwindCSS
8
+ ### Compiles and hot-reloads for development
9
+ ```
10
+ npm run serve
11
+ ```
106
12
 
107
- - Under the hood, TailwindCSS uses [modern-normalize](https://github.com/sindresorhus/modern-normalize) as CSS reset across browsers. [Tailwind on Preflight](https://tailwindcss.com/docs/preflight).
108
- - TailwindCSS was installed as a PostCSS Plugin, which allows the CSS to get built out without needing TailwindCSS as a dependency [Tailwind Docs on PostCSS](https://tailwindcss.com/docs/installation#building-your-css). CSS in this form is the most portable and allows for any web project to use our styling.
109
- - [PurgeCSS](https://tailwindcss.com/docs/optimizing-for-production) uses [tree shaking](https://en.wikipedia.org/wiki/Tree_shaking) to help keep our styling footprint small. Building CSS without using CSSPurge makes a CSS file around ~4MB in size. It's resonable to expect packages under 25kb.
110
- - We found a recommended extension that is unfortunately only supported in VSCode: [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
13
+ ### Compiles and minifies for production
14
+ ```
15
+ npm run build
16
+ ```
111
17
 
112
- ### PostCSS Notes
18
+ ### Lints and fixes files
19
+ ```
20
+ npm run lint
21
+ ```
113
22
 
114
- - [Autoprefixer](https://autoprefixer.github.io/): PostCSS Plugin adds ventor browser prefixes
115
- - [PostCSS Import](https://www.npmjs.com/package/postcss-import): PostCSS plugin transform @import rules to a single file
23
+ ### Customize configuration
24
+ See [Configuration Reference](https://cli.vuejs.org/config/).
package/dist/slippers-core.css ADDED
@@ -0,0 +1 @@
1
+ .slp-btn[data-v-7ecfa760]{min-width:68px;height:18px;display:inline-block;text-align:center;vertical-align:middle;padding:1rem;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.125rem;line-height:1.1111}.slp-btn-primary[data-v-7ecfa760]{background-color:#f96424;color:#fff;box-shadow:0 4px 8px rgba(204,61,0,.25)}.slp-btn-primary[data-v-7ecfa760]:hover{background-color:#cc3d00}.slp-btn-primary[data-v-7ecfa760]:active{box-shadow:none}.slp-btn-primary.slp-btn-disabled[data-v-7ecfa760]{background-color:#fdc1a7}.slp-btn-primary.slp-btn-disabled[data-v-7ecfa760]:hover{background-color:#fdc1a7;cursor:default}.slp-btn-secondary[data-v-7ecfa760]{background-color:#fff;color:#333;border:1px solid #333;box-shadow:0 4px 8px hsla(0,0%,76.5%,.25)}.slp-btn-secondary[data-v-7ecfa760]:hover{background-color:#333;color:#fff}.slp-btn-secondary[data-v-7ecfa760]:active{box-shadow:none}.slp-btn-secondary.slp-btn-disabled[data-v-7ecfa760]{color:#c3c3c3}.slp-btn-secondary.slp-btn-disabled[data-v-7ecfa760]:hover{background-color:#fff;cursor:default}.slp-btn-tertiary[data-v-7ecfa760]{background-color:#fff;color:#333}.slp-btn-tertiary[data-v-7ecfa760]:hover{background-color:#f2f2f2}.slp-btn-tertiary.slp-btn-disabled[data-v-7ecfa760]{color:#c3c3c3}.slp-btn-tertiary.slp-btn-disabled[data-v-7ecfa760]:hover{background-color:#fff;cursor:default}.slp-card[data-v-47581c88]{background-color:#fff;border:1px solid #f2f2f2;border-radius:4px;padding:2rem}.slp-card.slp-card-shadow-primary-1[data-v-47581c88]{box-shadow:0 8px 50px -24px #f2f2f2}.slp-card.slp-card-shadow-primary-2[data-v-47581c88]{box-shadow:0 16px 50px -24px #f2f2f2}.slp-card.slp-card-shadow-primary-3[data-v-47581c88]{box-shadow:0 24px 50px -24px #f2f2f2}.slp-card.slp-card-shadow-primary-4[data-v-47581c88]{box-shadow:0 32px 50px -24px #f2f2f2}.slp-card.slp-card-shadow-secondary-1[data-v-47581c88]{box-shadow:0 8px 50px -24px #c3c3c3}.slp-card.slp-card-shadow-secondary-2[data-v-47581c88]{box-shadow:0 16px 50px -24px #c3c3c3}.slp-card.slp-card-shadow-secondary-3[data-v-47581c88]{box-shadow:0 24px 50px -24px #c3c3c3}.slp-card.slp-card-shadow-secondary-4[data-v-47581c88]{box-shadow:0 32px 50px -24px #c3c3c3}@media(max-width:0px){.slp-col-xs-1[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-1[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 8.3333333333%;max-width:8.3333333333%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-1[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-1[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 8.3333333333%;max-width:8.3333333333%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-1[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-1[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 8.3333333333%;max-width:8.3333333333%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-1[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-1[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 8.3333333333%;max-width:8.3333333333%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-1[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-1[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 8.3333333333%;max-width:8.3333333333%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-1[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-1[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 8.3333333333%;max-width:8.3333333333%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-2[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-2[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 16.6666666667%;max-width:16.6666666667%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-2[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-2[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 16.6666666667%;max-width:16.6666666667%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-2[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-2[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 16.6666666667%;max-width:16.6666666667%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-2[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-2[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 16.6666666667%;max-width:16.6666666667%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-2[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-2[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 16.6666666667%;max-width:16.6666666667%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-2[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-2[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 16.6666666667%;max-width:16.6666666667%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-3[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-3[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 25%;max-width:25%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-3[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-3[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 25%;max-width:25%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-3[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-3[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 25%;max-width:25%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-3[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-3[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 25%;max-width:25%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-3[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-3[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 25%;max-width:25%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-3[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-3[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 25%;max-width:25%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-4[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-4[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 33.3333333333%;max-width:33.3333333333%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-4[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-4[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 33.3333333333%;max-width:33.3333333333%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-4[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-4[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 33.3333333333%;max-width:33.3333333333%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-4[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-4[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 33.3333333333%;max-width:33.3333333333%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-4[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-4[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 33.3333333333%;max-width:33.3333333333%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-4[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-4[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 33.3333333333%;max-width:33.3333333333%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-5[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-5[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 41.6666666667%;max-width:41.6666666667%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-5[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-5[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 41.6666666667%;max-width:41.6666666667%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-5[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-5[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 41.6666666667%;max-width:41.6666666667%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-5[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-5[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 41.6666666667%;max-width:41.6666666667%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-5[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-5[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 41.6666666667%;max-width:41.6666666667%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-5[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-5[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 41.6666666667%;max-width:41.6666666667%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-6[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-6[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-6[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-6[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-6[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-6[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-6[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-6[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-6[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-6[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-6[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-6[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-7[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-7[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 58.3333333333%;max-width:58.3333333333%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-7[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-7[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 58.3333333333%;max-width:58.3333333333%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-7[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-7[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 58.3333333333%;max-width:58.3333333333%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-7[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-7[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 58.3333333333%;max-width:58.3333333333%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-7[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-7[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 58.3333333333%;max-width:58.3333333333%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-7[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-7[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 58.3333333333%;max-width:58.3333333333%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-8[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-8[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 66.6666666667%;max-width:66.6666666667%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-8[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-8[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 66.6666666667%;max-width:66.6666666667%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-8[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-8[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 66.6666666667%;max-width:66.6666666667%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-8[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-8[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 66.6666666667%;max-width:66.6666666667%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-8[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-8[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 66.6666666667%;max-width:66.6666666667%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-8[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-8[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 66.6666666667%;max-width:66.6666666667%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-9[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-9[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 75%;max-width:75%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-9[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-9[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 75%;max-width:75%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-9[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-9[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 75%;max-width:75%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-9[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-9[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 75%;max-width:75%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-9[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-9[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 75%;max-width:75%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-9[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-9[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 75%;max-width:75%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-10[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-10[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 83.3333333333%;max-width:83.3333333333%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-10[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-10[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 83.3333333333%;max-width:83.3333333333%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-10[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-10[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 83.3333333333%;max-width:83.3333333333%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-10[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-10[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 83.3333333333%;max-width:83.3333333333%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-10[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-10[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 83.3333333333%;max-width:83.3333333333%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-10[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-10[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 83.3333333333%;max-width:83.3333333333%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:0px){.slp-col-xs-11[data-v-7737f7b0],.slp-col-xs[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:0px){.slp-col-xs-11[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 91.6666666667%;max-width:91.6666666667%}.slp-col-xs[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:576px){.slp-col-sm-11[data-v-7737f7b0],.slp-col-sm[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:576px){.slp-col-sm-11[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 91.6666666667%;max-width:91.6666666667%}.slp-col-sm[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:768px){.slp-col-md-11[data-v-7737f7b0],.slp-col-md[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:768px){.slp-col-md-11[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 91.6666666667%;max-width:91.6666666667%}.slp-col-md[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1025px){.slp-col-lg-11[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1025px){.slp-col-lg-11[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 91.6666666667%;max-width:91.6666666667%}.slp-col-lg[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1200px){.slp-col-xl-11[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1200px){.slp-col-xl-11[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 91.6666666667%;max-width:91.6666666667%}.slp-col-xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}@media(max-width:1400px){.slp-col-2xl-11[data-v-7737f7b0],.slp-col-2xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-2xl-11[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 91.6666666667%;max-width:91.6666666667%}.slp-col-2xl[data-v-7737f7b0]{flex-basis:0;flex-grow:1;position:relative;width:100%;min-height:1px;max-width:100%}}.slp-container[data-v-307314c2]{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;border:1px solid transparent}@media(min-width:640px){.slp-container[data-v-307314c2]{max-width:95%}}@media(min-width:1024px){.slp-container[data-v-307314c2]{max-width:1024px;padding:0}}@media(min-width:1170px){.slp-container[data-v-307314c2]{max-width:1170px;padding:0}}.slp-hr[data-v-4967f9a2]{border-top-width:1px;border-top:1px solid #eee}.slp-link[data-v-7ea37c84]{color:#9b51e0;font-weight:600;font-size:.875rem;line-height:1.4286}.slp-link[data-v-7ea37c84]:hover{color:#7225ba}.slp-link:hover .slp-link-text[data-v-7ea37c84]{text-decoration:underline}.slp-link[data-v-7ea37c84]:active{color:#9b51e0}.slp-link:active .slp-link-text[data-v-7ea37c84]{text-decoration:underline}.slp-link-arrow[data-v-7ea37c84]{padding-left:.25rem}.slp-row[data-v-2d4c763f]{display:flex;flex-wrap:wrap}.slp-text-heading1[data-v-62ac736a]{font-size:3.75rem;line-height:1.0667;font-weight:400}@media(max-width:576px){.slp-text-heading1[data-v-62ac736a]{font-size:2.25rem;line-height:1.2222;font-weight:400}}.slp-text-heading2[data-v-62ac736a]{font-size:2.8125rem;line-height:1.1556;font-weight:400}@media(max-width:576px){.slp-text-heading2[data-v-62ac736a]{font-size:1.5rem;line-height:1.25;font-weight:400}}.slp-text-heading3[data-v-62ac736a]{font-size:2rem;line-height:1.125;font-weight:400}@media(max-width:576px){.slp-text-heading3[data-v-62ac736a]{font-size:1.1875rem;line-height:1.5;font-weight:400}}.slp-text-heading4[data-v-62ac736a]{font-size:1.4375rem;line-height:1.2174;font-weight:400}.slp-text-heading5[data-v-62ac736a]{font-size:1.1875rem;line-height:1.2632;font-weight:400}.slp-text-body1[data-v-62ac736a]{font-size:1rem;line-height:1.5;font-weight:400}.slp-text-body2[data-v-62ac736a]{font-size:.875rem;line-height:1.4286;font-weight:400}.slp-text-body3[data-v-62ac736a]{font-size:.75rem;line-height:1.6667;font-weight:400}.slp-text-body1-bold[data-v-62ac736a]{font-size:1rem;line-height:1.5;font-weight:600}.slp-text-body2-bold[data-v-62ac736a]{font-size:.875rem;line-height:1.4286;font-weight:600}.slp-text-body3-bold[data-v-62ac736a]{font-size:.75rem;line-height:1.6667;font-weight:600}.slp-text-all-caps[data-v-62ac736a]{font-size:.625rem;line-height:2;font-weight:400;text-transform:uppercase;letter-spacing:.1em}
package/dist/slippers-core.umd.min.js ADDED
@@ -0,0 +1,2 @@
1
+ (function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["slippers-core"]=e():t["slippers-core"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s="fb15")}({"00ee":function(t,e,r){var n=r("b622"),o=n("toStringTag"),i={};i[o]="z",t.exports="[object z]"===String(i)},"0187":function(t,e,r){"use strict";r("fdd3")},"06cf":function(t,e,r){var n=r("83ab"),o=r("c65b"),i=r("d1e7"),c=r("5c6c"),a=r("fc6a"),u=r("a04b"),f=r("1a2d"),s=r("0cfb"),l=Object.getOwnPropertyDescriptor;e.f=n?l:function(t,e){if(t=a(t),e=u(e),s)try{return l(t,e)}catch(r){}if(f(t,e))return c(!o(i.f,t,e),t[e])}},"07fa":function(t,e,r){var n=r("50c4");t.exports=function(t){return n(t.length)}},"0ac1":function(t,e,r){},"0b42":function(t,e,r){var n=r("da84"),o=r("e8b5"),i=r("68ee"),c=r("861d"),a=r("b622"),u=a("species"),f=n.Array;t.exports=function(t){var e;return o(t)&&(e=t.constructor,i(e)&&(e===f||o(e.prototype))?e=void 0:c(e)&&(e=e[u],null===e&&(e=void 0))),void 0===e?f:e}},"0cfb":function(t,e,r){var n=r("83ab"),o=r("d039"),i=r("cc12");t.exports=!n&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},"0d51":function(t,e,r){var n=r("da84"),o=n.String;t.exports=function(t){try{return o(t)}catch(e){return"Object"}}},"138d":function(t,e,r){"use strict";r("6ea8")},1626:function(t,e){t.exports=function(t){return"function"==typeof t}},"1a2d":function(t,e,r){var n=r("e330"),o=r("7b0b"),i=n({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},"1d80":function(t,e,r){var n=r("da84"),o=n.TypeError;t.exports=function(t){if(void 0==t)throw o("Can't call method on "+t);return t}},"1dde":function(t,e,r){var n=r("d039"),o=r("b622"),i=r("2d00"),c=o("species");t.exports=function(t){return i>=51||!n((function(){var e=[],r=e.constructor={};return r[c]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},"211d":function(t,e,r){"use strict";r("6f3a")},"23cb":function(t,e,r){var n=r("5926"),o=Math.max,i=Math.min;t.exports=function(t,e){var r=n(t);return r<0?o(r+e,0):i(r,e)}},"23e7":function(t,e,r){var n=r("da84"),o=r("06cf").f,i=r("9112"),c=r("6eeb"),a=r("ce4e"),u=r("e893"),f=r("94ca");t.exports=function(t,e){var r,s,l,p,d,v,b=t.target,h=t.global,y=t.stat;if(s=h?n:y?n[b]||a(b,{}):(n[b]||{}).prototype,s)for(l in e){if(d=e[l],t.noTargetGet?(v=o(s,l),p=v&&v.value):p=s[l],r=f(h?l:b+(y?".":"#")+l,t.forced),!r&&void 0!==p){if(typeof d==typeof p)continue;u(d,p)}(t.sham||p&&p.sham)&&i(d,"sham",!0),c(s,l,d,t)}}},"241c":function(t,e,r){var n=r("ca84"),o=r("7839"),i=o.concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return n(t,i)}},2475:function(t,e,r){"use strict";r("0ac1")},"2d00":function(t,e,r){var n,o,i=r("da84"),c=r("342f"),a=i.process,u=i.Deno,f=a&&a.versions||u&&u.version,s=f&&f.v8;s&&(n=s.split("."),o=n[0]>0&&n[0]<4?1:+(n[0]+n[1])),!o&&c&&(n=c.match(/Edge\/(\d+)/),(!n||n[1]>=74)&&(n=c.match(/Chrome\/(\d+)/),n&&(o=+n[1]))),t.exports=o},"342f":function(t,e,r){var n=r("d066");t.exports=n("navigator","userAgent")||""},"3a9b":function(t,e,r){var n=r("e330");t.exports=n({}.isPrototypeOf)},"3bbe":function(t,e,r){var n=r("da84"),o=r("1626"),i=n.String,c=n.TypeError;t.exports=function(t){if("object"==typeof t||o(t))return t;throw c("Can't set "+i(t)+" as a prototype")}},"408a":function(t,e,r){var n=r("e330");t.exports=n(1..valueOf)},"40d5":function(t,e,r){var n=r("d039");t.exports=!n((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},"44ad":function(t,e,r){var n=r("da84"),o=r("e330"),i=r("d039"),c=r("c6b6"),a=n.Object,u=o("".split);t.exports=i((function(){return!a("z").propertyIsEnumerable(0)}))?function(t){return"String"==c(t)?u(t,""):a(t)}:a},"485a":function(t,e,r){var n=r("da84"),o=r("c65b"),i=r("1626"),c=r("861d"),a=n.TypeError;t.exports=function(t,e){var r,n;if("string"===e&&i(r=t.toString)&&!c(n=o(r,t)))return n;if(i(r=t.valueOf)&&!c(n=o(r,t)))return n;if("string"!==e&&i(r=t.toString)&&!c(n=o(r,t)))return n;throw a("Can't convert object to primitive value")}},4930:function(t,e,r){var n=r("2d00"),o=r("d039");t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&n&&n<41}))},"4c8c":function(t,e,r){"use strict";r("63a9")},"4d64":function(t,e,r){var n=r("fc6a"),o=r("23cb"),i=r("07fa"),c=function(t){return function(e,r,c){var a,u=n(e),f=i(u),s=o(c,f);if(t&&r!=r){while(f>s)if(a=u[s++],a!=a)return!0}else for(;f>s;s++)if((t||s in u)&&u[s]===r)return t||s||0;return!t&&-1}};t.exports={includes:c(!0),indexOf:c(!1)}},"50c4":function(t,e,r){var n=r("5926"),o=Math.min;t.exports=function(t){return t>0?o(n(t),9007199254740991):0}},5692:function(t,e,r){var n=r("c430"),o=r("c6cd");(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.21.1",mode:n?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.21.1/LICENSE",source:"https://github.com/zloirock/core-js"})},"56ef":function(t,e,r){var n=r("d066"),o=r("e330"),i=r("241c"),c=r("7418"),a=r("825a"),u=o([].concat);t.exports=n("Reflect","ownKeys")||function(t){var e=i.f(a(t)),r=c.f;return r?u(e,r(t)):e}},"577e":function(t,e,r){var n=r("da84"),o=r("f5df"),i=n.String;t.exports=function(t){if("Symbol"===o(t))throw TypeError("Cannot convert a Symbol value to a string");return i(t)}},5899:function(t,e){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},"58a8":function(t,e,r){var n=r("e330"),o=r("1d80"),i=r("577e"),c=r("5899"),a=n("".replace),u="["+c+"]",f=RegExp("^"+u+u+"*"),s=RegExp(u+u+"*$"),l=function(t){return function(e){var r=i(o(e));return 1&t&&(r=a(r,f,"")),2&t&&(r=a(r,s,"")),r}};t.exports={start:l(1),end:l(2),trim:l(3)}},5926:function(t,e){var r=Math.ceil,n=Math.floor;t.exports=function(t){var e=+t;return e!==e||0===e?0:(e>0?n:r)(e)}},"59ed":function(t,e,r){var n=r("da84"),o=r("1626"),i=r("0d51"),c=n.TypeError;t.exports=function(t){if(o(t))return t;throw c(i(t)+" is not a function")}},"5c6c":function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"5e77":function(t,e,r){var n=r("83ab"),o=r("1a2d"),i=Function.prototype,c=n&&Object.getOwnPropertyDescriptor,a=o(i,"name"),u=a&&"something"===function(){}.name,f=a&&(!n||n&&c(i,"name").configurable);t.exports={EXISTS:a,PROPER:u,CONFIGURABLE:f}},6244:function(t,e,r){"use strict";r("cee9")},"63a9":function(t,e,r){},"65f0":function(t,e,r){var n=r("0b42");t.exports=function(t,e){return new(n(t))(0===e?0:e)}},"687d":function(t,e,r){"use strict";r("94f4")},"68ee":function(t,e,r){var n=r("e330"),o=r("d039"),i=r("1626"),c=r("f5df"),a=r("d066"),u=r("8925"),f=function(){},s=[],l=a("Reflect","construct"),p=/^\s*(?:class|function)\b/,d=n(p.exec),v=!p.exec(f),b=function(t){if(!i(t))return!1;try{return l(f,s,t),!0}catch(e){return!1}},h=function(t){if(!i(t))return!1;switch(c(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return v||!!d(p,u(t))}catch(e){return!0}};h.sham=!0,t.exports=!l||o((function(){var t;return b(b.call)||!b(Object)||!b((function(){t=!0}))||t}))?h:b},"69f3":function(t,e,r){var n,o,i,c=r("7f9a"),a=r("da84"),u=r("e330"),f=r("861d"),s=r("9112"),l=r("1a2d"),p=r("c6cd"),d=r("f772"),v=r("d012"),b="Object already initialized",h=a.TypeError,y=a.WeakMap,m=function(t){return i(t)?o(t):n(t,{})},g=function(t){return function(e){var r;if(!f(e)||(r=o(e)).type!==t)throw h("Incompatible receiver, "+t+" required");return r}};if(c||p.state){var x=p.state||(p.state=new y),w=u(x.get),S=u(x.has),C=u(x.set);n=function(t,e){if(S(x,t))throw new h(b);return e.facade=t,C(x,t,e),e},o=function(t){return w(x,t)||{}},i=function(t){return S(x,t)}}else{var _=d("state");v[_]=!0,n=function(t,e){if(l(t,_))throw new h(b);return e.facade=t,s(t,_,e),e},o=function(t){return l(t,_)?t[_]:{}},i=function(t){return l(t,_)}}t.exports={set:n,get:o,has:i,enforce:m,getterFor:g}},"6ea8":function(t,e,r){},"6eeb":function(t,e,r){var n=r("da84"),o=r("1626"),i=r("1a2d"),c=r("9112"),a=r("ce4e"),u=r("8925"),f=r("69f3"),s=r("5e77").CONFIGURABLE,l=f.get,p=f.enforce,d=String(String).split("String");(t.exports=function(t,e,r,u){var f,l=!!u&&!!u.unsafe,v=!!u&&!!u.enumerable,b=!!u&&!!u.noTargetGet,h=u&&void 0!==u.name?u.name:e;o(r)&&("Symbol("===String(h).slice(0,7)&&(h="["+String(h).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(r,"name")||s&&r.name!==h)&&c(r,"name",h),f=p(r),f.source||(f.source=d.join("string"==typeof h?h:""))),t!==n?(l?!b&&t[e]&&(v=!0):delete t[e],v?t[e]=r:c(t,e,r)):v?t[e]=r:a(e,r)})(Function.prototype,"toString",(function(){return o(this)&&l(this).source||u(this)}))},"6f3a":function(t,e,r){},7156:function(t,e,r){var n=r("1626"),o=r("861d"),i=r("d2bb");t.exports=function(t,e,r){var c,a;return i&&n(c=e.constructor)&&c!==r&&o(a=c.prototype)&&a!==r.prototype&&i(t,a),t}},7418:function(t,e){e.f=Object.getOwnPropertySymbols},7639:function(t,e,r){"use strict";r("e6ac")},7839:function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"7b0b":function(t,e,r){var n=r("da84"),o=r("1d80"),i=n.Object;t.exports=function(t){return i(o(t))}},"7f9a":function(t,e,r){var n=r("da84"),o=r("1626"),i=r("8925"),c=n.WeakMap;t.exports=o(c)&&/native code/.test(i(c))},"825a":function(t,e,r){var n=r("da84"),o=r("861d"),i=n.String,c=n.TypeError;t.exports=function(t){if(o(t))return t;throw c(i(t)+" is not an object")}},"83ab":function(t,e,r){var n=r("d039");t.exports=!n((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},8418:function(t,e,r){"use strict";var n=r("a04b"),o=r("9bf2"),i=r("5c6c");t.exports=function(t,e,r){var c=n(e);c in t?o.f(t,c,i(0,r)):t[c]=r}},"861d":function(t,e,r){var n=r("1626");t.exports=function(t){return"object"==typeof t?null!==t:n(t)}},8875:function(t,e,r){var n,o,i;(function(r,c){o=[],n=c,i="function"===typeof n?n.apply(e,o):n,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(d){var r,n,o,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,c=/@([^@]*):(\d+):(\d+)\s*$/gi,a=i.exec(d.stack)||c.exec(d.stack),u=a&&a[1]||!1,f=a&&a[2]||!1,s=document.location.href.replace(document.location.hash,""),l=document.getElementsByTagName("script");u===s&&(r=document.documentElement.outerHTML,n=new RegExp("(?:[^\\n]+?\\n){0,"+(f-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),o=r.replace(n,"$1").trim());for(var p=0;p<l.length;p++){if("interactive"===l[p].readyState)return l[p];if(l[p].src===u)return l[p];if(u===s&&l[p].innerHTML&&l[p].innerHTML.trim()===o)return l[p]}return null}}return t}))},8925:function(t,e,r){var n=r("e330"),o=r("1626"),i=r("c6cd"),c=n(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return c(t)}),t.exports=i.inspectSource},"90e3":function(t,e,r){var n=r("e330"),o=0,i=Math.random(),c=n(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+c(++o+i,36)}},9112:function(t,e,r){var n=r("83ab"),o=r("9bf2"),i=r("5c6c");t.exports=n?function(t,e,r){return o.f(t,e,i(1,r))}:function(t,e,r){return t[e]=r,t}},"94ca":function(t,e,r){var n=r("d039"),o=r("1626"),i=/#|\.prototype\./,c=function(t,e){var r=u[a(t)];return r==s||r!=f&&(o(e)?n(e):!!e)},a=c.normalize=function(t){return String(t).replace(i,".").toLowerCase()},u=c.data={},f=c.NATIVE="N",s=c.POLYFILL="P";t.exports=c},"94f4":function(t,e,r){},"99af":function(t,e,r){"use strict";var n=r("23e7"),o=r("da84"),i=r("d039"),c=r("e8b5"),a=r("861d"),u=r("7b0b"),f=r("07fa"),s=r("8418"),l=r("65f0"),p=r("1dde"),d=r("b622"),v=r("2d00"),b=d("isConcatSpreadable"),h=9007199254740991,y="Maximum allowed index exceeded",m=o.TypeError,g=v>=51||!i((function(){var t=[];return t[b]=!1,t.concat()[0]!==t})),x=p("concat"),w=function(t){if(!a(t))return!1;var e=t[b];return void 0!==e?!!e:c(t)},S=!g||!x;n({target:"Array",proto:!0,forced:S},{concat:function(t){var e,r,n,o,i,c=u(this),a=l(c,0),p=0;for(e=-1,n=arguments.length;e<n;e++)if(i=-1===e?c:arguments[e],w(i)){if(o=f(i),p+o>h)throw m(y);for(r=0;r<o;r++,p++)r in i&&s(a,p,i[r])}else{if(p>=h)throw m(y);s(a,p++,i)}return a.length=p,a}})},"9bf2":function(t,e,r){var n=r("da84"),o=r("83ab"),i=r("0cfb"),c=r("aed9"),a=r("825a"),u=r("a04b"),f=n.TypeError,s=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p="enumerable",d="configurable",v="writable";e.f=o?c?function(t,e,r){if(a(t),e=u(e),a(r),"function"===typeof t&&"prototype"===e&&"value"in r&&v in r&&!r[v]){var n=l(t,e);n&&n[v]&&(t[e]=r.value,r={configurable:d in r?r[d]:n[d],enumerable:p in r?r[p]:n[p],writable:!1})}return s(t,e,r)}:s:function(t,e,r){if(a(t),e=u(e),a(r),i)try{return s(t,e,r)}catch(n){}if("get"in r||"set"in r)throw f("Accessors not supported");return"value"in r&&(t[e]=r.value),t}},a04b:function(t,e,r){var n=r("c04e"),o=r("d9b5");t.exports=function(t){var e=n(t,"string");return o(e)?e:e+""}},a15b:function(t,e,r){"use strict";var n=r("23e7"),o=r("e330"),i=r("44ad"),c=r("fc6a"),a=r("a640"),u=o([].join),f=i!=Object,s=a("join",",");n({target:"Array",proto:!0,forced:f||!s},{join:function(t){return u(c(this),void 0===t?",":t)}})},a640:function(t,e,r){"use strict";var n=r("d039");t.exports=function(t,e){var r=[][t];return!!r&&n((function(){r.call(null,e||function(){return 1},1)}))}},a9e3:function(t,e,r){"use strict";var n=r("83ab"),o=r("da84"),i=r("e330"),c=r("94ca"),a=r("6eeb"),u=r("1a2d"),f=r("7156"),s=r("3a9b"),l=r("d9b5"),p=r("c04e"),d=r("d039"),v=r("241c").f,b=r("06cf").f,h=r("9bf2").f,y=r("408a"),m=r("58a8").trim,g="Number",x=o[g],w=x.prototype,S=o.TypeError,C=i("".slice),_=i("".charCodeAt),O=function(t){var e=p(t,"number");return"bigint"==typeof e?e:E(e)},E=function(t){var e,r,n,o,i,c,a,u,f=p(t,"number");if(l(f))throw S("Cannot convert a Symbol value to a number");if("string"==typeof f&&f.length>2)if(f=m(f),e=_(f,0),43===e||45===e){if(r=_(f,2),88===r||120===r)return NaN}else if(48===e){switch(_(f,1)){case 66:case 98:n=2,o=49;break;case 79:case 111:n=8,o=55;break;default:return+f}for(i=C(f,2),c=i.length,a=0;a<c;a++)if(u=_(i,a),u<48||u>o)return NaN;return parseInt(i,n)}return+f};if(c(g,!x(" 0o1")||!x("0b1")||x("+0x1"))){for(var j,L=function(t){var e=arguments.length<1?0:x(O(t)),r=this;return s(w,r)&&d((function(){y(r)}))?f(Object(e),r,L):e},N=n?v(x):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,fromString,range".split(","),T=0;N.length>T;T++)u(x,j=N[T])&&!u(L,j)&&h(L,j,b(x,j));L.prototype=w,w.constructor=L,a(o,g,L)}},aed9:function(t,e,r){var n=r("83ab"),o=r("d039");t.exports=n&&o((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},b622:function(t,e,r){var n=r("da84"),o=r("5692"),i=r("1a2d"),c=r("90e3"),a=r("4930"),u=r("fdbf"),f=o("wks"),s=n.Symbol,l=s&&s["for"],p=u?s:s&&s.withoutSetter||c;t.exports=function(t){if(!i(f,t)||!a&&"string"!=typeof f[t]){var e="Symbol."+t;a&&i(s,t)?f[t]=s[t]:f[t]=u&&l?l(e):p(e)}return f[t]}},c04e:function(t,e,r){var n=r("da84"),o=r("c65b"),i=r("861d"),c=r("d9b5"),a=r("dc4a"),u=r("485a"),f=r("b622"),s=n.TypeError,l=f("toPrimitive");t.exports=function(t,e){if(!i(t)||c(t))return t;var r,n=a(t,l);if(n){if(void 0===e&&(e="default"),r=o(n,t,e),!i(r)||c(r))return r;throw s("Can't convert object to primitive value")}return void 0===e&&(e="number"),u(t,e)}},c430:function(t,e){t.exports=!1},c65b:function(t,e,r){var n=r("40d5"),o=Function.prototype.call;t.exports=n?o.bind(o):function(){return o.apply(o,arguments)}},c6b6:function(t,e,r){var n=r("e330"),o=n({}.toString),i=n("".slice);t.exports=function(t){return i(o(t),8,-1)}},c6cd:function(t,e,r){var n=r("da84"),o=r("ce4e"),i="__core-js_shared__",c=n[i]||o(i,{});t.exports=c},c8ba:function(t,e){var r;r=function(){return this}();try{r=r||new Function("return this")()}catch(n){"object"===typeof window&&(r=window)}t.exports=r},ca84:function(t,e,r){var n=r("e330"),o=r("1a2d"),i=r("fc6a"),c=r("4d64").indexOf,a=r("d012"),u=n([].push);t.exports=function(t,e){var r,n=i(t),f=0,s=[];for(r in n)!o(a,r)&&o(n,r)&&u(s,r);while(e.length>f)o(n,r=e[f++])&&(~c(s,r)||u(s,r));return s}},cc12:function(t,e,r){var n=r("da84"),o=r("861d"),i=n.document,c=o(i)&&o(i.createElement);t.exports=function(t){return c?i.createElement(t):{}}},ce4e:function(t,e,r){var n=r("da84"),o=Object.defineProperty;t.exports=function(t,e){try{o(n,t,{value:e,configurable:!0,writable:!0})}catch(r){n[t]=e}return e}},cee9:function(t,e,r){},d012:function(t,e){t.exports={}},d039:function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},d066:function(t,e,r){var n=r("da84"),o=r("1626"),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(n[t]):n[t]&&n[t][e]}},d1e7:function(t,e,r){"use strict";var n={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!n.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:n},d2bb:function(t,e,r){var n=r("e330"),o=r("825a"),i=r("3bbe");t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,r={};try{t=n(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set),t(r,[]),e=r instanceof Array}catch(c){}return function(r,n){return o(r),i(n),e?t(r,n):r.__proto__=n,r}}():void 0)},d9b5:function(t,e,r){var n=r("da84"),o=r("d066"),i=r("1626"),c=r("3a9b"),a=r("fdbf"),u=n.Object;t.exports=a?function(t){return"symbol"==typeof t}:function(t){var e=o("Symbol");return i(e)&&c(e.prototype,u(t))}},da84:function(t,e,r){(function(e){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof e&&e)||function(){return this}()||Function("return this")()}).call(this,r("c8ba"))},dc4a:function(t,e,r){var n=r("59ed");t.exports=function(t,e){var r=t[e];return null==r?void 0:n(r)}},e330:function(t,e,r){var n=r("40d5"),o=Function.prototype,i=o.bind,c=o.call,a=n&&i.bind(c,c);t.exports=n?function(t){return t&&a(t)}:function(t){return t&&function(){return c.apply(t,arguments)}}},e6ac:function(t,e,r){},e893:function(t,e,r){var n=r("1a2d"),o=r("56ef"),i=r("06cf"),c=r("9bf2");t.exports=function(t,e,r){for(var a=o(e),u=c.f,f=i.f,s=0;s<a.length;s++){var l=a[s];n(t,l)||r&&n(r,l)||u(t,l,f(e,l))}}},e8b5:function(t,e,r){var n=r("c6b6");t.exports=Array.isArray||function(t){return"Array"==n(t)}},f5df:function(t,e,r){var n=r("da84"),o=r("00ee"),i=r("1626"),c=r("c6b6"),a=r("b622"),u=a("toStringTag"),f=n.Object,s="Arguments"==c(function(){return arguments}()),l=function(t,e){try{return t[e]}catch(r){}};t.exports=o?c:function(t){var e,r,n;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(r=l(e=f(t),u))?r:s?c(e):"Object"==(n=c(e))&&i(e.callee)?"Arguments":n}},f772:function(t,e,r){var n=r("5692"),o=r("90e3"),i=n("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},fb15:function(t,e,r){"use strict";if(r.r(e),"undefined"!==typeof window){var n=window.document.currentScript,o=r("8875");n=o(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:o});var i=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(r.p=i[1])}var c=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("a",{staticClass:"slp-btn",class:t.className,attrs:{href:t.href}},[t._t("default")],2)},a=[],u=(r("a15b"),{name:"SlpButton",props:{disabled:{type:Boolean,required:!1,default:!1},variant:{type:String,required:!1,default:"primary",in:["primary","secondary","tertiary"]},href:{type:String,required:!0,default:"#"}},computed:{className:function(){var t=["slp-btn-".concat(this.variant)];return this.disabled&&t.push("slp-btn-disabled"),t.join(" ")}}}),f=u;r("211d");function s(t,e,r,n,o,i,c,a){var u,f="function"===typeof t?t.options:t;if(e&&(f.render=e,f.staticRenderFns=r,f._compiled=!0),n&&(f.functional=!0),i&&(f._scopeId="data-v-"+i),c?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},f._ssrRegister=u):o&&(u=a?function(){o.call(this,(f.functional?this.parent:this).$root.$options.shadowRoot)}:o),u)if(f.functional){f._injectStyles=u;var s=f.render;f.render=function(t,e){return u.call(e),s(t,e)}}else{var l=f.beforeCreate;f.beforeCreate=l?[].concat(l,u):[u]}return{exports:t,options:f}}var l=s(f,c,a,!1,null,"7ecfa760",null),p=l.exports,d=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"slp-card",class:t.className},[t._t("default")],2)},v=[],b=(r("a9e3"),r("99af"),{name:"SlpCard",props:{variantType:{type:String,required:!1,default:"primary",in:["primary","secondary"]},variantNumber:{type:Number,required:!1,default:3,in:[1,2,3,4]}},computed:{className:function(){return"slp-card-shadow-".concat(this.variantType,"-").concat(this.variantNumber)}}}),h=b,y=(r("6244"),s(h,d,v,!1,null,"47581c88",null)),m=y.exports,g=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{class:t.className},[t._t("default")],2)},x=[],w={name:"SlpColumn",props:{cols:{type:Number,required:!1,default:null},size:{type:String,required:!1,default:"md"}},computed:{className:function(){return this.cols?"slp-col-".concat(this.size,"-").concat(this.cols):"slp-col-".concat(this.size)}}},S=w,C=(r("138d"),s(S,g,x,!1,null,"7737f7b0",null)),_=C.exports,O=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",[1===t.variant?r("svg",{attrs:{width:"81",height:"38",viewBox:"0 0 81 38",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[r("path",{attrs:{d:"M67.953 17.6142C68.2469 16.927 69.1633 16.7933 69.6412 17.368L77.3213 26.6021C77.8208 27.2026 77.4697 28.1183 76.6968 28.2311L64.2939 30.0399C63.521 30.1526 62.923 29.3753 63.2301 28.6572L67.953 17.6142Z",fill:"#52CDB7"}}),r("rect",{attrs:{x:"4.61023",y:"22.4794",width:"11",height:"11",rx:"1",transform:"rotate(24.7784 4.61023 22.4794)",fill:"#52CDB7"}}),r("circle",{attrs:{cx:"36.0199",cy:"5.5",r:"5.5",fill:"#9B51E0"}})]):2===t.variant?r("svg",{attrs:{width:"108",height:"147",viewBox:"0 0 108 147",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[r("circle",{attrs:{cx:"105",cy:"24",r:"3",fill:"#48A651"}}),r("circle",{attrs:{cx:"51",cy:"62",r:"5",fill:"#9B51E0"}}),r("path",{attrs:{d:"M14.426 145.023C14.2308 145.744 13.3413 146.005 12.7875 145.503L3.16744 136.793C2.58811 136.269 2.80904 135.312 3.56018 135.093L16.5646 131.301C17.3144 131.082 18.0142 131.767 17.8103 132.52L14.426 145.023Z",fill:"#FCA121"}}),r("path",{attrs:{d:"M20.2057 3.37183C20.121 2.85025 20.7982 2.57226 21.106 3.00224L29.8797 15.2579C30.0949 15.5585 29.9212 15.98 29.5569 16.0412L24.5916 16.8758C24.32 16.9214 24.1368 17.1781 24.182 17.4498L25.8245 27.3297C25.9115 27.8533 25.2303 28.1326 24.9231 27.6993L15.2498 14.0525C15.0374 13.7528 15.2094 13.3347 15.571 13.2716L21.1555 12.2979C21.4249 12.251 21.6062 11.9963 21.5624 11.7263L20.2057 3.37183Z",fill:"#F96424"}})]):3===t.variant?r("svg",{attrs:{width:"55",height:"58",viewBox:"0 0 55 58",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[r("path",{attrs:{d:"M41.3009 41.6288C41.3654 40.8841 42.1942 40.4709 42.8278 40.8675L52.1362 46.6945C52.7983 47.1089 52.7509 48.0885 52.0519 48.437L41.7954 53.5509C41.0964 53.8995 40.2855 53.3479 40.3529 52.5697L41.3009 41.6288Z",fill:"#2F80ED"}}),r("circle",{attrs:{cx:"5.5",cy:"5.5",r:"5.5",fill:"#9B51E0"}})]):4===t.variant?r("svg",{attrs:{width:"86",height:"46",viewBox:"0 0 86 46",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[r("ellipse",{attrs:{cx:"79.5002",cy:"29.5002",rx:"6.5",ry:"6.42244",fill:"#52CDB7"}}),r("path",{attrs:{d:"M12.6097 26.9809C13.2221 26.5526 14.0713 26.923 14.1742 27.6631L15.8054 39.403C15.9123 40.1727 15.1384 40.7643 14.423 40.4597L2.97453 35.5853C2.25197 35.2777 2.14914 34.2962 2.79234 33.8464L12.6097 26.9809Z",fill:"#9B51E0"}}),r("path",{attrs:{d:"M55.2424 11.9623C55.3844 12.246 55.348 12.5682 55.1583 12.7865L48.2744 20.7134L39.4084 15.7225C39.1619 15.5743 39.0199 15.2906 39.0562 14.9684L39.4916 11.6265L40.3566 5.03235C40.393 4.71018 40.8157 4.60272 40.9384 4.93887L43.6821 10.874L49.6703 9.77346L50.5353 3.17936C50.5717 2.85718 50.9614 2.7649 51.1171 3.08588L53.8608 9.02104L55.2424 11.9623Z",fill:"#FA7035"}})]):5===t.variant?r("svg",{attrs:{width:"97",height:"50",viewBox:"0 0 97 50",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[r("path",{attrs:{d:"M41.1968 5.21284C41.0107 4.70896 41.6192 4.25196 41.991 4.6163L51.9766 14.4009C52.2275 14.6467 52.1406 15.0994 51.8129 15.2545L47.753 17.1761C47.5041 17.294 47.3806 17.5976 47.4768 17.8554L50.8618 26.9265C51.0503 27.4316 50.4384 27.8908 50.0667 27.5231L39.016 16.5921C38.7679 16.3467 38.8535 15.8978 39.1782 15.7414L43.7485 13.5412C43.9951 13.4226 44.117 13.1214 44.0223 12.8651L41.1968 5.21284Z",fill:"#FA7035"}}),r("path",{attrs:{d:"M80.8586 29.7361C80.9232 28.9918 81.7525 28.5778 82.3863 28.9735L93.3945 35.8462C94.0574 36.2601 94.009 37.2403 93.3084 37.5887L81.1791 43.6203C80.4798 43.9681 79.67 43.4176 79.7375 42.6404L80.8586 29.7361Z",fill:"#9B51E0"}}),r("rect",{attrs:{width:"10.9484",height:"10.9592",rx:"1",transform:"matrix(0.562307 0.826928 -0.828316 0.560261 9.07764 34.0748)",fill:"#52CDB7"}})]):6===t.variant?r("svg",{attrs:{width:"59",height:"45",viewBox:"0 0 59 45",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[r("rect",{attrs:{x:"43",y:"5.47388",width:"11",height:"11",rx:"1",transform:"rotate(-29.8425 43 5.47388)",fill:"#FCA121"}}),r("path",{attrs:{d:"M11.5645 25.0248C12.0886 24.4921 12.9911 24.7015 13.2271 25.4106L16.9699 36.6568C17.2153 37.3941 16.5621 38.1168 15.8032 37.9476L3.65825 35.2407C2.89174 35.0698 2.6118 34.1235 3.16229 33.564L11.5645 25.0248Z",fill:"#52CDB7"}})]):t._e()])},E=[],j={name:"SlpConfetti",props:{variant:{type:Number,required:!1,default:1,in:[1,2,3,4,5,6]}},computed:{className:function(){return"slp-confetti-".concat(this.variant)}}},L=j,N=s(L,O,E,!1,null,null,null),T=N.exports,P=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"slp-container",class:t.className},[t._t("default")],2)},M=[],A={name:"SlpContainer"},I=A,F=(r("687d"),s(I,P,M,!1,null,"307314c2",null)),B=F.exports,$=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("hr",{staticClass:"slp-hr"})},R=[],k={name:"SlpHorizontalRule"},D=k,z=(r("0187"),s(D,$,R,!1,null,"4967f9a2",null)),q=z.exports,G=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("a",{staticClass:"slp-link",attrs:{href:t.href}},[r("span",{staticClass:"slp-link-text"},[t._t("default")],2),t.arrow?r("span",{staticClass:"slp-link-arrow"},[t._v("→")]):t._e()])},Z=[],U={name:"SlpLink",props:{arrow:{type:Boolean,required:!1,default:!1},href:{type:String,required:!0,default:"#"}}},V=U,H=(r("7639"),s(V,G,Z,!1,null,"7ea37c84",null)),X=H.exports,Y=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"slp-row"},[t._t("default")],2)},W=[],K={name:"SlpRow"},J=K,Q=(r("4c8c"),s(J,Y,W,!1,null,"2d4c763f",null)),tt=Q.exports,et=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("span",{class:t.className},[t._t("default")],2)},rt=[],nt={name:"SlpTypography",props:{variant:{type:String,required:!1,default:"body1",in:["heading1","heading2","heading3","heading4","heading5","body1","body2","body3","body1-bold","body2-bold","body3-bold","all-caps"]}},computed:{className:function(){return"slp-text-".concat(this.variant)}}},ot=nt,it=(r("2475"),s(ot,et,rt,!1,null,"62ac736a",null)),ct=it.exports,at={SlpButton:p,SlpColumn:_,SlpCard:m,SlpConfetti:T,SlpContainer:B,SlpHorizontalRule:q,SlpLink:X,SlpRow:tt,SlpTypography:ct};e["default"]=at},fc6a:function(t,e,r){var n=r("44ad"),o=r("1d80");t.exports=function(t){return n(o(t))}},fdbf:function(t,e,r){var n=r("4930");t.exports=n&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},fdd3:function(t,e,r){}})}));
2
+ //# sourceMappingURL=slippers-core.umd.min.js.map
package/package.json CHANGED
@@ -1,95 +1,62 @@
1
1
  {
2
2
  "name": "slippers-ui",
3
- "version": "0.14.13",
3
+ "version": "1.0.2",
4
+ "private": false,
4
5
  "description": "GitLab Marketing Design System",
5
- "homepage": "https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui",
6
- "bugs": {
7
- "url": "https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui-/issues"
8
- },
9
- "license": "MIT",
10
6
  "author": "GitLab",
11
- "private": false,
7
+ "main": "./dist/slippers-core.umd.min.js",
12
8
  "files": [
13
- "dist/base.css",
14
- "dist/compiled.css",
15
- "dist/slippersComponents.css",
16
- "dist/slippersComponents.common.js"
9
+ "dist/slippers-core.umd.min.js",
10
+ "dist/slippers-core.css",
11
+ "src/styles/base.scss",
12
+ "src/styles/_variables.scss"
17
13
  ],
18
- "main": "dist/index.js",
19
- "directories": {
20
- "lib": "src",
21
- "example": "storybook-static"
22
- },
23
- "repository": {
24
- "type": "git",
25
- "url": "https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui.git"
26
- },
27
14
  "scripts": {
28
- "start": "concurrently --kill-others \"yarn storybook:quiet\" \"yarn watch:css\" -p \"[{name}]\" -n \"Storybook,PostCSS\" -c \"bgBlue.bold,bgMagenta.bold\"",
29
- "storybook": "start-storybook -s ./src/static -p 6006",
30
- "storybook:quiet": "start-storybook -s ./src/static -p 6006 --quiet",
31
- "watch:css": "postcss src/styles/styles.css --output dist/compiled.css --watch --verbose && postcss src/styles/base.css --output dist/base.css --watch --verbose",
32
- "build:css": "postcss src/styles/styles.css --output dist/compiled.css && postcss src/styles/base.css --output dist/base.css",
33
- "build:storybook": "build-storybook -s ./src/static",
34
- "build:tailwind-viewer": "tailwind-config-viewer export ./storybook-static/tailwind",
35
- "build": "NODE_ENV=production vue-cli-service build --target lib --name slippersComponents src/main.js && NODE_ENV=production postcss src/styles/styles.css --output dist/compiled.css && NODE_ENV=production postcss src/styles/base.css --output dist/base.css",
36
- "generate": "node ./scripts/generate.js",
37
15
  "lint": "vue-cli-service lint",
38
- "semantic-release": "semantic release",
39
- "prettier": "prettier",
40
- "prettier:write": "prettier --write `git diff --name-only --cached --diff-filter=d` || echo 'No files changed! ✨'",
41
- "prettier:check": "prettier --check `git diff --name-only --cached --diff-filter=d` || echo 'No files changed! ✨'",
42
- "stage": "git add `git diff --name-only --cached --diff-filter=d`",
43
- "lefthook": "lefthook",
44
- "serve:tailwind-viewer": "tailwind-config-viewer -o"
16
+ "storybook": "start-storybook -p 6009",
17
+ "build-storybook": "build-storybook",
18
+ "build-library": "vue-cli-service build --target lib --formats umd-min --name slippers-core ./src/install.js"
45
19
  },
46
- "publishConfig": {
47
- "access": "public"
20
+ "dependencies": {
21
+ "core-js": "^3.6.5",
22
+ "vue": "^2.6.11"
48
23
  },
49
24
  "devDependencies": {
50
- "@arkweid/lefthook": "^0.7.2",
51
- "@babel/core": "^7.12.8",
52
- "@semantic-release/git": "^9.0.0",
53
- "@semantic-release/gitlab": "^6.0.9",
54
- "@semantic-release/npm": "^7.0.10",
55
- "@storybook/addon-a11y": "^6.1.10",
56
- "@storybook/addon-docs": "^6.1.10",
57
- "@storybook/addon-essentials": "^6.1.10",
58
- "@storybook/addon-links": "^6.1.10",
59
- "@storybook/addons": "^6.1.10",
60
- "@storybook/components": "^6.1.10",
61
- "@storybook/theming": "^6.1.11",
62
- "@storybook/vue": "^6.1.10",
63
- "@tailwindcss/aspect-ratio": "^0.2.0",
64
- "@tailwindcss/postcss7-compat": "^2.0.2",
65
- "@vue/cli-plugin-babel": "^4.5.11",
66
- "@vue/cli-plugin-eslint": "^4.5.11",
67
- "@vue/cli-service": "^4.5.11",
68
- "@whitespace/storybook-addon-html": "^4.2.0",
69
- "autoprefixer": "^9.8.6",
70
- "babel-eslint": "^10.1.0",
71
- "babel-loader": "^8.2.1",
72
- "concurrently": "^5.3.0",
73
- "css-loader": "^5.0.1",
74
- "eslint": "^7.18.0",
75
- "eslint-plugin-vue": "^7.5.0",
76
- "postcss": "^7.0.35",
77
- "postcss-cli": "^7.1.2",
78
- "postcss-import": "12.0.1",
25
+ "@babel/core": "^7.16.7",
26
+ "@storybook/addon-actions": "^6.4.13",
27
+ "@storybook/addon-docs": "^6.4.13",
28
+ "@storybook/addon-essentials": "^6.4.13",
29
+ "@storybook/addon-links": "^6.4.13",
30
+ "@storybook/vue": "^6.4.13",
31
+ "@typescript-eslint/eslint-plugin": "^4.18.0",
32
+ "@typescript-eslint/parser": "^4.18.0",
33
+ "@vue/cli-plugin-babel": "~4.5.0",
34
+ "@vue/cli-plugin-eslint": "~4.5.0",
35
+ "@vue/cli-plugin-typescript": "~4.5.0",
36
+ "@vue/cli-service": "~4.5.0",
37
+ "@vue/eslint-config-prettier": "^6.0.0",
38
+ "@vue/eslint-config-typescript": "^7.0.0",
39
+ "babel-loader": "^8.2.3",
40
+ "css-loader": "^5.2.7",
41
+ "eslint": "^6.7.2",
42
+ "eslint-plugin-prettier": "^3.3.1",
43
+ "eslint-plugin-storybook": "^0.5.6",
44
+ "eslint-plugin-vue": "^6.2.2",
79
45
  "prettier": "^2.2.1",
80
- "sass": "^1.32.8",
81
- "sass-loader": "^10",
82
- "semantic-release": "^17.3.8",
83
- "storybook-addon-designs": "^5.4.2",
84
- "style-loader": "^2.0.0",
85
- "tailwind-config-viewer": "^1.5.1",
86
- "tailwindcss": "npm:@tailwindcss/postcss7-compat",
87
- "vue-loader": "^15.9.6",
88
- "vue-template-compiler": "^2.6.12"
46
+ "sass": "^1.26.5",
47
+ "sass-loader": "^8.0.2",
48
+ "typescript": "~4.1.5",
49
+ "vue-loader": "^15.9.8",
50
+ "vue-template-compiler": "^2.6.11",
51
+ "webpack": "^4.46.0"
89
52
  },
90
- "dependencies": {
91
- "@tailwindcss/typography": "^0.4.0",
92
- "core-js": "^3.8.2",
93
- "vue": "^2.6.12"
53
+ "bugs": {
54
+ "url": "https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui-/issues"
55
+ },
56
+ "homepage": "https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui",
57
+ "license": "MIT",
58
+ "repository": {
59
+ "type": "git",
60
+ "url": "https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui.git"
94
61
  }
95
62
  }