slippers-ui 0.14.12-alpha7 → 1.0.0

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 -109
  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 +237 -0
  6. package/src/styles/base.scss +107 -0
  7. package/dist/base.css +0 -552
  8. package/dist/compiled.css +0 -3160
  9. package/dist/slippersComponents.common.js +0 -10754
  10. package/dist/slippersComponents.css +0 -1
package/README.md CHANGED
@@ -1,116 +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/inbound-marketing/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/inbound-marketing/slippers-ui/?path=/story/get-started--page)
45
- 1. [Releases](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/releases--page)
46
- 1. [Tailwind CSS](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/tailwind-css--page)
47
- 1. [Storybook](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/storybook--page)
48
-
49
-
50
- ## Tailwind Config Viewer
51
-
52
- 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/inbound-marketing/slippers-ui/tailwind/](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/tailwind/). To run locally, run `yarn serve:tailwind-viewer`
53
-
54
- ## Building for production
55
-
56
- ### Building Storybook
57
-
58
- 1. `yarn build-storybook` to build to `/storybook-static` directory
59
-
60
- ### Build the Vue Library
61
-
62
- To build the entire library, run
63
-
64
- ```sh
65
- yarn build
3
+ ## Project setup
66
4
  ```
67
-
68
- 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).
69
-
70
- The `yarn build` command chains the Vue CLI script with the PostCSS script:
71
-
72
- ```json
73
- "build": "vue-cli-service build --target lib --name slippersComponents src/main.js && yarn build:css"
5
+ npm install
74
6
  ```
75
7
 
76
- 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.
77
-
78
- #### Dist files
79
-
80
- The build step creates these files:
81
-
82
- - dist/compiled.css: compiled CSS from PostCSS and Tailwind
83
- - dist/demo.html: demo app from Vue CLI that shows how the library could be imported
84
- - dist/slippersComponents.common.js: component bundle, for consumption by Webpack
85
- - dist/slippersComponents.common.js.map: source map for Webpack component bundle
86
- - dist/slippersComponents.umd.js: component bundle, for consumption by browsers or AMD loaders
87
- - dist/slippersComponents.umd.js.map: source map for browser/AMD loader bundle
88
- - dist/slippersComponents.umd.min.js: minified browser/AMD bundle
89
- - dist/slippersComponents.umd.min.js.map: source map for minified browser/AMD bundle
90
-
91
- #### Clean mode
92
-
93
- 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.
94
-
95
- ## Additional Technical Notes
96
-
97
- ### Repo Infrastructure
98
-
99
- - 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`.
100
-
101
- ### Storybook
102
-
103
- - 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).
104
- - 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.
105
-
106
- ### TailwindCSS
8
+ ### Compiles and hot-reloads for development
9
+ ```
10
+ npm run serve
11
+ ```
107
12
 
108
- - 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).
109
- - 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.
110
- - [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.
111
- - 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
+ ```
112
17
 
113
- ### PostCSS Notes
18
+ ### Lints and fixes files
19
+ ```
20
+ npm run lint
21
+ ```
114
22
 
115
- - [Autoprefixer](https://autoprefixer.github.io/): PostCSS Plugin adds ventor browser prefixes
116
- - [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-14874dee]{min-width:68px;min-height:20px;display:inline-block;text-align:center;vertical-align:middle;padding:16px;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.125rem;line-height:1.1111}.slp-btn-primary[data-v-14874dee]{background-color:#f96424;color:#fff;box-shadow:0 4px 8px rgba(204,61,0,.25)}.slp-btn-primary[data-v-14874dee]:hover{background-color:#cc3d00}.slp-btn-primary[data-v-14874dee]:active{box-shadow:none}.slp-btn-primary.slp-btn-disabled[data-v-14874dee]{background-color:#fdc1a7}.slp-btn-primary.slp-btn-disabled[data-v-14874dee]:hover{background-color:#fdc1a7;cursor:default}.slp-btn-secondary[data-v-14874dee]{background-color:#fff;color:#333;border:1px solid #333;box-shadow:0 4px 8px hsla(0,0%,76%,.25)}.slp-btn-secondary[data-v-14874dee]:hover{background-color:#333;color:#fff}.slp-btn-secondary[data-v-14874dee]:active{box-shadow:none}.slp-btn-secondary.slp-btn-disabled[data-v-14874dee]{color:#c3c3c3}.slp-btn-secondary.slp-btn-disabled[data-v-14874dee]:hover{background-color:#fff;cursor:default}.slp-btn-tertiary[data-v-14874dee]{background-color:#fff;color:#333}.slp-btn-tertiary[data-v-14874dee]:hover{background-color:#f2f2f2}.slp-btn-tertiary.slp-btn-disabled[data-v-14874dee]{color:#c3c3c3}.slp-btn-tertiary.slp-btn-disabled[data-v-14874dee]:hover{background-color:#fff;cursor:default}@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:992px){.slp-col-lg-1[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-1[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-1[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-1[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 8.3333333333%;max-width:8.3333333333%}.slp-col-xxl[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:992px){.slp-col-lg-2[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-2[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-2[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-2[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 16.6666666667%;max-width:16.6666666667%}.slp-col-xxl[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:992px){.slp-col-lg-3[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-3[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-3[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-3[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 25%;max-width:25%}.slp-col-xxl[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:992px){.slp-col-lg-4[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-4[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-4[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-4[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 33.3333333333%;max-width:33.3333333333%}.slp-col-xxl[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:992px){.slp-col-lg-5[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-5[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-5[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-5[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 41.6666666667%;max-width:41.6666666667%}.slp-col-xxl[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:992px){.slp-col-lg-6[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-6[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-6[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-6[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 50%;max-width:50%}.slp-col-xxl[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:992px){.slp-col-lg-7[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-7[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-7[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-7[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 58.3333333333%;max-width:58.3333333333%}.slp-col-xxl[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:992px){.slp-col-lg-8[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-8[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-8[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-8[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 66.6666666667%;max-width:66.6666666667%}.slp-col-xxl[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:992px){.slp-col-lg-9[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-9[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-9[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-9[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 75%;max-width:75%}.slp-col-xxl[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:992px){.slp-col-lg-10[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-10[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-10[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-10[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 83.3333333333%;max-width:83.3333333333%}.slp-col-xxl[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:992px){.slp-col-lg-11[data-v-7737f7b0],.slp-col-lg[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:992px){.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:1300px){.slp-col-xl-11[data-v-7737f7b0],.slp-col-xl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1300px){.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-xxl-11[data-v-7737f7b0],.slp-col-xxl[data-v-7737f7b0]{width:inherit;max-width:100%}}@media(min-width:1400px){.slp-col-xxl-11[data-v-7737f7b0]{position:relative;width:100%;min-height:1px;flex:0 0 91.6666666667%;max-width:91.6666666667%}.slp-col-xxl[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-4361e9f2]{margin:4rem 0;border-top-width:1px;border-top:1px solid #eee}.slp-link[data-v-67f0133e]{color:#9b51e0}.slp-link[data-v-67f0133e]:hover{text-decoration:underline}.slp-row[data-v-2d4c763f]{display:flex;flex-wrap:wrap}.slp-text-60[data-v-c567fb70]{font-size:3.75rem;line-height:1.0667}.slp-text-45[data-v-c567fb70]{font-size:2.8125rem;line-height:1.1556}.slp-text-32[data-v-c567fb70]{font-size:2rem;line-height:1.125}.slp-text-23[data-v-c567fb70]{font-size:1.4375rem;line-height:1.2174}.slp-text-19[data-v-c567fb70]{font-size:1.1875rem;line-height:1.2632}
package/dist/slippers-core.umd.min.js ADDED
@@ -0,0 +1,2 @@
1
+ (function(t,r){"object"===typeof exports&&"object"===typeof module?module.exports=r():"function"===typeof define&&define.amd?define([],r):"object"===typeof exports?exports["slippers-core"]=r():t["slippers-core"]=r()})("undefined"!==typeof self?self:this,(function(){return function(){var t={7679:function(t,r){var n,e,o;(function(i,c){e=[],n=c,o="function"===typeof n?n.apply(r,e):n,void 0===o||(t.exports=o)})("undefined"!==typeof self&&self,(function(){function t(){var r=Object.getOwnPropertyDescriptor(document,"currentScript");if(!r&&"currentScript"in document&&document.currentScript)return document.currentScript;if(r&&r.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(v){var n,e,o,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,c=/@([^@]*):(\d+):(\d+)\s*$/gi,u=i.exec(v.stack)||c.exec(v.stack),a=u&&u[1]||!1,f=u&&u[2]||!1,s=document.location.href.replace(document.location.hash,""),l=document.getElementsByTagName("script");a===s&&(n=document.documentElement.outerHTML,e=new RegExp("(?:[^\\n]+?\\n){0,"+(f-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),o=n.replace(e,"$1").trim());for(var p=0;p<l.length;p++){if("interactive"===l[p].readyState)return l[p];if(l[p].src===a)return l[p];if(a===s&&l[p].innerHTML&&l[p].innerHTML.trim()===o)return l[p]}return null}}return t}))},9662:function(t,r,n){var e=n(7854),o=n(614),i=n(6330),c=e.TypeError;t.exports=function(t){if(o(t))return t;throw c(i(t)+" is not a function")}},6077:function(t,r,n){var e=n(7854),o=n(614),i=e.String,c=e.TypeError;t.exports=function(t){if("object"==typeof t||o(t))return t;throw c("Can't set "+i(t)+" as a prototype")}},9670:function(t,r,n){var e=n(7854),o=n(111),i=e.String,c=e.TypeError;t.exports=function(t){if(o(t))return t;throw c(i(t)+" is not an object")}},1318:function(t,r,n){var e=n(5656),o=n(1400),i=n(6244),c=function(t){return function(r,n,c){var u,a=e(r),f=i(a),s=o(c,f);if(t&&n!=n){while(f>s)if(u=a[s++],u!=u)return!0}else for(;f>s;s++)if((t||s in a)&&a[s]===n)return t||s||0;return!t&&-1}};t.exports={includes:c(!0),indexOf:c(!1)}},1194:function(t,r,n){var e=n(7293),o=n(5112),i=n(7392),c=o("species");t.exports=function(t){return i>=51||!e((function(){var r=[],n=r.constructor={};return n[c]=function(){return{foo:1}},1!==r[t](Boolean).foo}))}},9341:function(t,r,n){"use strict";var e=n(7293);t.exports=function(t,r){var n=[][t];return!!n&&e((function(){n.call(null,r||function(){throw 1},1)}))}},7475:function(t,r,n){var e=n(7854),o=n(3157),i=n(4411),c=n(111),u=n(5112),a=u("species"),f=e.Array;t.exports=function(t){var r;return o(t)&&(r=t.constructor,i(r)&&(r===f||o(r.prototype))?r=void 0:c(r)&&(r=r[a],null===r&&(r=void 0))),void 0===r?f:r}},5417:function(t,r,n){var e=n(7475);t.exports=function(t,r){return new(e(t))(0===r?0:r)}},4326:function(t,r,n){var e=n(1702),o=e({}.toString),i=e("".slice);t.exports=function(t){return i(o(t),8,-1)}},648:function(t,r,n){var e=n(7854),o=n(1694),i=n(614),c=n(4326),u=n(5112),a=u("toStringTag"),f=e.Object,s="Arguments"==c(function(){return arguments}()),l=function(t,r){try{return t[r]}catch(n){}};t.exports=o?c:function(t){var r,n,e;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=l(r=f(t),a))?n:s?c(r):"Object"==(e=c(r))&&i(r.callee)?"Arguments":e}},9920:function(t,r,n){var e=n(2597),o=n(3887),i=n(1236),c=n(3070);t.exports=function(t,r,n){for(var u=o(r),a=c.f,f=i.f,s=0;s<u.length;s++){var l=u[s];e(t,l)||n&&e(n,l)||a(t,l,f(r,l))}}},8880:function(t,r,n){var e=n(9781),o=n(3070),i=n(9114);t.exports=e?function(t,r,n){return o.f(t,r,i(1,n))}:function(t,r,n){return t[r]=n,t}},9114:function(t){t.exports=function(t,r){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:r}}},6135:function(t,r,n){"use strict";var e=n(4948),o=n(3070),i=n(9114);t.exports=function(t,r,n){var c=e(r);c in t?o.f(t,c,i(0,n)):t[c]=n}},9781:function(t,r,n){var e=n(7293);t.exports=!e((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},317:function(t,r,n){var e=n(7854),o=n(111),i=e.document,c=o(i)&&o(i.createElement);t.exports=function(t){return c?i.createElement(t):{}}},8113:function(t,r,n){var e=n(5005);t.exports=e("navigator","userAgent")||""},7392:function(t,r,n){var e,o,i=n(7854),c=n(8113),u=i.process,a=i.Deno,f=u&&u.versions||a&&a.version,s=f&&f.v8;s&&(e=s.split("."),o=e[0]>0&&e[0]<4?1:+(e[0]+e[1])),!o&&c&&(e=c.match(/Edge\/(\d+)/),(!e||e[1]>=74)&&(e=c.match(/Chrome\/(\d+)/),e&&(o=+e[1]))),t.exports=o},748:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},2109:function(t,r,n){var e=n(7854),o=n(1236).f,i=n(8880),c=n(1320),u=n(3505),a=n(9920),f=n(4705);t.exports=function(t,r){var n,s,l,p,v,d,h=t.target,y=t.global,m=t.stat;if(s=y?e:m?e[h]||u(h,{}):(e[h]||{}).prototype,s)for(l in r){if(v=r[l],t.noTargetGet?(d=o(s,l),p=d&&d.value):p=s[l],n=f(y?l:h+(m?".":"#")+l,t.forced),!n&&void 0!==p){if(typeof v==typeof p)continue;a(v,p)}(t.sham||p&&p.sham)&&i(v,"sham",!0),c(s,l,v,t)}}},7293:function(t){t.exports=function(t){try{return!!t()}catch(r){return!0}}},6916:function(t){var r=Function.prototype.call;t.exports=r.bind?r.bind(r):function(){return r.apply(r,arguments)}},6530:function(t,r,n){var e=n(9781),o=n(2597),i=Function.prototype,c=e&&Object.getOwnPropertyDescriptor,u=o(i,"name"),a=u&&"something"===function(){}.name,f=u&&(!e||e&&c(i,"name").configurable);t.exports={EXISTS:u,PROPER:a,CONFIGURABLE:f}},1702:function(t){var r=Function.prototype,n=r.bind,e=r.call,o=n&&n.bind(e,e);t.exports=n?function(t){return t&&o(t)}:function(t){return t&&function(){return e.apply(t,arguments)}}},5005:function(t,r,n){var e=n(7854),o=n(614),i=function(t){return o(t)?t:void 0};t.exports=function(t,r){return arguments.length<2?i(e[t]):e[t]&&e[t][r]}},8173:function(t,r,n){var e=n(9662);t.exports=function(t,r){var n=t[r];return null==n?void 0:e(n)}},7854:function(t,r,n){var e=function(t){return t&&t.Math==Math&&t};t.exports=e("object"==typeof globalThis&&globalThis)||e("object"==typeof window&&window)||e("object"==typeof self&&self)||e("object"==typeof n.g&&n.g)||function(){return this}()||Function("return this")()},2597:function(t,r,n){var e=n(1702),o=n(7908),i=e({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,r){return i(o(t),r)}},3501:function(t){t.exports={}},4664:function(t,r,n){var e=n(9781),o=n(7293),i=n(317);t.exports=!e&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},8361:function(t,r,n){var e=n(7854),o=n(1702),i=n(7293),c=n(4326),u=e.Object,a=o("".split);t.exports=i((function(){return!u("z").propertyIsEnumerable(0)}))?function(t){return"String"==c(t)?a(t,""):u(t)}:u},9587:function(t,r,n){var e=n(614),o=n(111),i=n(7674);t.exports=function(t,r,n){var c,u;return i&&e(c=r.constructor)&&c!==n&&o(u=c.prototype)&&u!==n.prototype&&i(t,u),t}},2788:function(t,r,n){var e=n(1702),o=n(614),i=n(5465),c=e(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return c(t)}),t.exports=i.inspectSource},9909:function(t,r,n){var e,o,i,c=n(8536),u=n(7854),a=n(1702),f=n(111),s=n(8880),l=n(2597),p=n(5465),v=n(6200),d=n(3501),h="Object already initialized",y=u.TypeError,m=u.WeakMap,g=function(t){return i(t)?o(t):e(t,{})},x=function(t){return function(r){var n;if(!f(r)||(n=o(r)).type!==t)throw y("Incompatible receiver, "+t+" required");return n}};if(c||p.state){var b=p.state||(p.state=new m),w=a(b.get),S=a(b.has),C=a(b.set);e=function(t,r){if(S(b,t))throw new y(h);return r.facade=t,C(b,t,r),r},o=function(t){return w(b,t)||{}},i=function(t){return S(b,t)}}else{var _=v("state");d[_]=!0,e=function(t,r){if(l(t,_))throw new y(h);return r.facade=t,s(t,_,r),r},o=function(t){return l(t,_)?t[_]:{}},i=function(t){return l(t,_)}}t.exports={set:e,get:o,has:i,enforce:g,getterFor:x}},3157:function(t,r,n){var e=n(4326);t.exports=Array.isArray||function(t){return"Array"==e(t)}},614:function(t){t.exports=function(t){return"function"==typeof t}},4411:function(t,r,n){var e=n(1702),o=n(7293),i=n(614),c=n(648),u=n(5005),a=n(2788),f=function(){},s=[],l=u("Reflect","construct"),p=/^\s*(?:class|function)\b/,v=e(p.exec),d=!p.exec(f),h=function(t){if(!i(t))return!1;try{return l(f,s,t),!0}catch(r){return!1}},y=function(t){if(!i(t))return!1;switch(c(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return d||!!v(p,a(t))}catch(r){return!0}};y.sham=!0,t.exports=!l||o((function(){var t;return h(h.call)||!h(Object)||!h((function(){t=!0}))||t}))?y:h},4705:function(t,r,n){var e=n(7293),o=n(614),i=/#|\.prototype\./,c=function(t,r){var n=a[u(t)];return n==s||n!=f&&(o(r)?e(r):!!r)},u=c.normalize=function(t){return String(t).replace(i,".").toLowerCase()},a=c.data={},f=c.NATIVE="N",s=c.POLYFILL="P";t.exports=c},111:function(t,r,n){var e=n(614);t.exports=function(t){return"object"==typeof t?null!==t:e(t)}},1913:function(t){t.exports=!1},2190:function(t,r,n){var e=n(7854),o=n(5005),i=n(614),c=n(7976),u=n(3307),a=e.Object;t.exports=u?function(t){return"symbol"==typeof t}:function(t){var r=o("Symbol");return i(r)&&c(r.prototype,a(t))}},6244:function(t,r,n){var e=n(7466);t.exports=function(t){return e(t.length)}},133:function(t,r,n){var e=n(7392),o=n(7293);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&e&&e<41}))},8536:function(t,r,n){var e=n(7854),o=n(614),i=n(2788),c=e.WeakMap;t.exports=o(c)&&/native code/.test(i(c))},3070:function(t,r,n){var e=n(7854),o=n(9781),i=n(4664),c=n(3353),u=n(9670),a=n(4948),f=e.TypeError,s=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p="enumerable",v="configurable",d="writable";r.f=o?c?function(t,r,n){if(u(t),r=a(r),u(n),"function"===typeof t&&"prototype"===r&&"value"in n&&d in n&&!n[d]){var e=l(t,r);e&&e[d]&&(t[r]=n.value,n={configurable:v in n?n[v]:e[v],enumerable:p in n?n[p]:e[p],writable:!1})}return s(t,r,n)}:s:function(t,r,n){if(u(t),r=a(r),u(n),i)try{return s(t,r,n)}catch(e){}if("get"in n||"set"in n)throw f("Accessors not supported");return"value"in n&&(t[r]=n.value),t}},1236:function(t,r,n){var e=n(9781),o=n(6916),i=n(5296),c=n(9114),u=n(5656),a=n(4948),f=n(2597),s=n(4664),l=Object.getOwnPropertyDescriptor;r.f=e?l:function(t,r){if(t=u(t),r=a(r),s)try{return l(t,r)}catch(n){}if(f(t,r))return c(!o(i.f,t,r),t[r])}},8006:function(t,r,n){var e=n(6324),o=n(748),i=o.concat("length","prototype");r.f=Object.getOwnPropertyNames||function(t){return e(t,i)}},5181:function(t,r){r.f=Object.getOwnPropertySymbols},7976:function(t,r,n){var e=n(1702);t.exports=e({}.isPrototypeOf)},6324:function(t,r,n){var e=n(1702),o=n(2597),i=n(5656),c=n(1318).indexOf,u=n(3501),a=e([].push);t.exports=function(t,r){var n,e=i(t),f=0,s=[];for(n in e)!o(u,n)&&o(e,n)&&a(s,n);while(r.length>f)o(e,n=r[f++])&&(~c(s,n)||a(s,n));return s}},5296:function(t,r){"use strict";var n={}.propertyIsEnumerable,e=Object.getOwnPropertyDescriptor,o=e&&!n.call({1:2},1);r.f=o?function(t){var r=e(this,t);return!!r&&r.enumerable}:n},7674:function(t,r,n){var e=n(1702),o=n(9670),i=n(6077);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,r=!1,n={};try{t=e(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set),t(n,[]),r=n instanceof Array}catch(c){}return function(n,e){return o(n),i(e),r?t(n,e):n.__proto__=e,n}}():void 0)},2140:function(t,r,n){var e=n(7854),o=n(6916),i=n(614),c=n(111),u=e.TypeError;t.exports=function(t,r){var n,e;if("string"===r&&i(n=t.toString)&&!c(e=o(n,t)))return e;if(i(n=t.valueOf)&&!c(e=o(n,t)))return e;if("string"!==r&&i(n=t.toString)&&!c(e=o(n,t)))return e;throw u("Can't convert object to primitive value")}},3887:function(t,r,n){var e=n(5005),o=n(1702),i=n(8006),c=n(5181),u=n(9670),a=o([].concat);t.exports=e("Reflect","ownKeys")||function(t){var r=i.f(u(t)),n=c.f;return n?a(r,n(t)):r}},1320:function(t,r,n){var e=n(7854),o=n(614),i=n(2597),c=n(8880),u=n(3505),a=n(2788),f=n(9909),s=n(6530).CONFIGURABLE,l=f.get,p=f.enforce,v=String(String).split("String");(t.exports=function(t,r,n,a){var f,l=!!a&&!!a.unsafe,d=!!a&&!!a.enumerable,h=!!a&&!!a.noTargetGet,y=a&&void 0!==a.name?a.name:r;o(n)&&("Symbol("===String(y).slice(0,7)&&(y="["+String(y).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(n,"name")||s&&n.name!==y)&&c(n,"name",y),f=p(n),f.source||(f.source=v.join("string"==typeof y?y:""))),t!==e?(l?!h&&t[r]&&(d=!0):delete t[r],d?t[r]=n:c(t,r,n)):d?t[r]=n:u(r,n)})(Function.prototype,"toString",(function(){return o(this)&&l(this).source||a(this)}))},4488:function(t,r,n){var e=n(7854),o=e.TypeError;t.exports=function(t){if(void 0==t)throw o("Can't call method on "+t);return t}},3505:function(t,r,n){var e=n(7854),o=Object.defineProperty;t.exports=function(t,r){try{o(e,t,{value:r,configurable:!0,writable:!0})}catch(n){e[t]=r}return r}},6200:function(t,r,n){var e=n(2309),o=n(9711),i=e("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},5465:function(t,r,n){var e=n(7854),o=n(3505),i="__core-js_shared__",c=e[i]||o(i,{});t.exports=c},2309:function(t,r,n){var e=n(1913),o=n(5465);(t.exports=function(t,r){return o[t]||(o[t]=void 0!==r?r:{})})("versions",[]).push({version:"3.20.2",mode:e?"pure":"global",copyright:"© 2022 Denis Pushkarev (zloirock.ru)"})},3111:function(t,r,n){var e=n(1702),o=n(4488),i=n(1340),c=n(1361),u=e("".replace),a="["+c+"]",f=RegExp("^"+a+a+"*"),s=RegExp(a+a+"*$"),l=function(t){return function(r){var n=i(o(r));return 1&t&&(n=u(n,f,"")),2&t&&(n=u(n,s,"")),n}};t.exports={start:l(1),end:l(2),trim:l(3)}},863:function(t,r,n){var e=n(1702);t.exports=e(1..valueOf)},1400:function(t,r,n){var e=n(9303),o=Math.max,i=Math.min;t.exports=function(t,r){var n=e(t);return n<0?o(n+r,0):i(n,r)}},5656:function(t,r,n){var e=n(8361),o=n(4488);t.exports=function(t){return e(o(t))}},9303:function(t){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)}},7466:function(t,r,n){var e=n(9303),o=Math.min;t.exports=function(t){return t>0?o(e(t),9007199254740991):0}},7908:function(t,r,n){var e=n(7854),o=n(4488),i=e.Object;t.exports=function(t){return i(o(t))}},7593:function(t,r,n){var e=n(7854),o=n(6916),i=n(111),c=n(2190),u=n(8173),a=n(2140),f=n(5112),s=e.TypeError,l=f("toPrimitive");t.exports=function(t,r){if(!i(t)||c(t))return t;var n,e=u(t,l);if(e){if(void 0===r&&(r="default"),n=o(e,t,r),!i(n)||c(n))return n;throw s("Can't convert object to primitive value")}return void 0===r&&(r="number"),a(t,r)}},4948:function(t,r,n){var e=n(7593),o=n(2190);t.exports=function(t){var r=e(t,"string");return o(r)?r:r+""}},1694:function(t,r,n){var e=n(5112),o=e("toStringTag"),i={};i[o]="z",t.exports="[object z]"===String(i)},1340:function(t,r,n){var e=n(7854),o=n(648),i=e.String;t.exports=function(t){if("Symbol"===o(t))throw TypeError("Cannot convert a Symbol value to a string");return i(t)}},6330:function(t,r,n){var e=n(7854),o=e.String;t.exports=function(t){try{return o(t)}catch(r){return"Object"}}},9711:function(t,r,n){var e=n(1702),o=0,i=Math.random(),c=e(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+c(++o+i,36)}},3307:function(t,r,n){var e=n(133);t.exports=e&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},3353:function(t,r,n){var e=n(9781),o=n(7293);t.exports=e&&o((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},5112:function(t,r,n){var e=n(7854),o=n(2309),i=n(2597),c=n(9711),u=n(133),a=n(3307),f=o("wks"),s=e.Symbol,l=s&&s["for"],p=a?s:s&&s.withoutSetter||c;t.exports=function(t){if(!i(f,t)||!u&&"string"!=typeof f[t]){var r="Symbol."+t;u&&i(s,t)?f[t]=s[t]:f[t]=a&&l?l(r):p(r)}return f[t]}},1361:function(t){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},2222:function(t,r,n){"use strict";var e=n(2109),o=n(7854),i=n(7293),c=n(3157),u=n(111),a=n(7908),f=n(6244),s=n(6135),l=n(5417),p=n(1194),v=n(5112),d=n(7392),h=v("isConcatSpreadable"),y=9007199254740991,m="Maximum allowed index exceeded",g=o.TypeError,x=d>=51||!i((function(){var t=[];return t[h]=!1,t.concat()[0]!==t})),b=p("concat"),w=function(t){if(!u(t))return!1;var r=t[h];return void 0!==r?!!r:c(t)},S=!x||!b;e({target:"Array",proto:!0,forced:S},{concat:function(t){var r,n,e,o,i,c=a(this),u=l(c,0),p=0;for(r=-1,e=arguments.length;r<e;r++)if(i=-1===r?c:arguments[r],w(i)){if(o=f(i),p+o>y)throw g(m);for(n=0;n<o;n++,p++)n in i&&s(u,p,i[n])}else{if(p>=y)throw g(m);s(u,p++,i)}return u.length=p,u}})},9600:function(t,r,n){"use strict";var e=n(2109),o=n(1702),i=n(8361),c=n(5656),u=n(9341),a=o([].join),f=i!=Object,s=u("join",",");e({target:"Array",proto:!0,forced:f||!s},{join:function(t){return a(c(this),void 0===t?",":t)}})},9653:function(t,r,n){"use strict";var e=n(9781),o=n(7854),i=n(1702),c=n(4705),u=n(1320),a=n(2597),f=n(9587),s=n(7976),l=n(2190),p=n(7593),v=n(7293),d=n(8006).f,h=n(1236).f,y=n(3070).f,m=n(863),g=n(3111).trim,x="Number",b=o[x],w=b.prototype,S=o.TypeError,C=i("".slice),_=i("".charCodeAt),O=function(t){var r=p(t,"number");return"bigint"==typeof r?r:E(r)},E=function(t){var r,n,e,o,i,c,u,a,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=g(f),r=_(f,0),43===r||45===r){if(n=_(f,2),88===n||120===n)return NaN}else if(48===r){switch(_(f,1)){case 66:case 98:e=2,o=49;break;case 79:case 111:e=8,o=55;break;default:return+f}for(i=C(f,2),c=i.length,u=0;u<c;u++)if(a=_(i,u),a<48||a>o)return NaN;return parseInt(i,e)}return+f};if(c(x,!b(" 0o1")||!b("0b1")||b("+0x1"))){for(var j,L=function(t){var r=arguments.length<1?0:b(O(t)),n=this;return s(w,n)&&v((function(){m(n)}))?f(Object(r),n,L):r},N=e?d(b):"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++)a(b,j=N[T])&&!a(L,j)&&y(L,j,h(b,j));L.prototype=w,w.constructor=L,u(o,x,L)}}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={exports:{}};return t[e].call(i.exports,i,i.exports,n),i.exports}!function(){n.d=function(t,r){for(var e in r)n.o(r,e)&&!n.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:r[e]})}}(),function(){n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"===typeof window)return window}}()}(),function(){n.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)}}(),function(){n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}(),function(){n.p=""}();var e={};return function(){"use strict";if(n.r(e),n.d(e,{default:function(){return rt}}),"undefined"!==typeof window){var t=window.document.currentScript,r=n(7679);t=r(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:r});var o=t&&t.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);o&&(n.p=o[1])}var i=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("a",{staticClass:"slp-btn",class:t.className,attrs:{href:t.href}},[t._t("default")],2)},c=[],u=(n(9600),{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(" ")}}}),a=u;function f(t,r,n,e,o,i,c,u){var a,f="function"===typeof t?t.options:t;if(r&&(f.render=r,f.staticRenderFns=n,f._compiled=!0),e&&(f.functional=!0),i&&(f._scopeId="data-v-"+i),c?(a=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=a):o&&(a=u?function(){o.call(this,(f.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(f.functional){f._injectStyles=a;var s=f.render;f.render=function(t,r){return a.call(r),s(t,r)}}else{var l=f.beforeCreate;f.beforeCreate=l?[].concat(l,a):[a]}return{exports:t,options:f}}var s=f(a,i,c,!1,null,"14874dee",null),l=s.exports,p=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("div",{class:t.className},[t._t("default")],2)},v=[],d=(n(9653),n(2222),{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)}}}),h=d,y=f(h,p,v,!1,null,"7737f7b0",null),m=y.exports,g=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("div",[1===t.variant?n("svg",{attrs:{width:"81",height:"38",viewBox:"0 0 81 38",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[n("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"}}),n("rect",{attrs:{x:"4.61023",y:"22.4794",width:"11",height:"11",rx:"1",transform:"rotate(24.7784 4.61023 22.4794)",fill:"#52CDB7"}}),n("circle",{attrs:{cx:"36.0199",cy:"5.5",r:"5.5",fill:"#9B51E0"}})]):2===t.variant?n("svg",{attrs:{width:"108",height:"147",viewBox:"0 0 108 147",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[n("circle",{attrs:{cx:"105",cy:"24",r:"3",fill:"#48A651"}}),n("circle",{attrs:{cx:"51",cy:"62",r:"5",fill:"#9B51E0"}}),n("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"}}),n("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?n("svg",{attrs:{width:"55",height:"58",viewBox:"0 0 55 58",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[n("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"}}),n("circle",{attrs:{cx:"5.5",cy:"5.5",r:"5.5",fill:"#9B51E0"}})]):4===t.variant?n("svg",{attrs:{width:"86",height:"46",viewBox:"0 0 86 46",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[n("ellipse",{attrs:{cx:"79.5002",cy:"29.5002",rx:"6.5",ry:"6.42244",fill:"#52CDB7"}}),n("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"}}),n("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?n("svg",{attrs:{width:"97",height:"50",viewBox:"0 0 97 50",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[n("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"}}),n("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"}}),n("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?n("svg",{attrs:{width:"59",height:"45",viewBox:"0 0 59 45",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[n("rect",{attrs:{x:"43",y:"5.47388",width:"11",height:"11",rx:"1",transform:"rotate(-29.8425 43 5.47388)",fill:"#FCA121"}}),n("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()])},x=[],b={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)}}},w=b,S=f(w,g,x,!1,null,null,null),C=S.exports,_=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("div",{staticClass:"slp-container",class:t.className},[t._t("default")],2)},O=[],E={name:"SlpContainer"},j=E,L=f(j,_,O,!1,null,"307314c2",null),N=L.exports,T=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("hr",{staticClass:"slp-hr"})},P=[],A={name:"SlpHorizontalRule"},M=A,I=f(M,T,P,!1,null,"4361e9f2",null),F=I.exports,B=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("a",{staticClass:"slp-link",attrs:{href:t.href}},[t._t("default"),t.arrow?n("span",[t._v("→")]):t._e()],2)},R=[],$={name:"SlpLink",props:{arrow:{type:Boolean,required:!1,default:!1},href:{type:String,required:!0,default:"#"}}},D=$,k=f(D,B,R,!1,null,"67f0133e",null),z=k.exports,q=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("div",{staticClass:"slp-row"},[t._t("default")],2)},G=[],Z={name:"SlpRow"},U=Z,V=f(U,q,G,!1,null,"2d4c763f",null),H=V.exports,X=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("div",{class:t.className},[t._t("default")],2)},Y=[],W={name:"SlpTypography",props:{size:{type:Number,required:!1,default:16,in:[60,45,32,23,19,16,14,12]}},computed:{className:function(){return"slp-text-".concat(this.size)}}},K=W,J=f(K,X,Y,!1,null,"c567fb70",null),Q=J.exports,tt={SlpButton:l,SlpColumn:m,SlpConfetti:C,SlpContainer:N,SlpHorizontalRule:F,SlpLink:z,SlpRow:H,SlpTypography:Q},rt=tt}(),e}()}));
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.12-alpha7",
3
+ "version": "1.0.0",
4
+ "private": false,
4
5
  "description": "GitLab Marketing Design System",
5
- "homepage": "https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/",
6
- "bugs": {
7
- "url": "https://gitlab.com/gitlab-com/marketing/inbound-marketing/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/inbound-marketing/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
  }