slippers-ui 3.1.41 → 3.1.42
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.
- package/README.md +2 -2
- package/icons/ChartGraph.vue +3 -0
- package/icons/CloudPod.vue +3 -0
- package/icons/Deployments.vue +3 -0
- package/icons/TanukiAi.vue +3 -0
- package/icons/index.ts +4 -0
- package/icons.d.ts +4 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -21,7 +21,7 @@ Slippers uses [Storybook](https://storybook.js.org/) to enable component explora
|
|
|
21
21
|
|
|
22
22
|
1. Clone the [Slippers project](https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui).
|
|
23
23
|
2. Install the dependecies using the version of node specified in [.npmrc](https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui/-/blob/main/.npmrc) - `npm install`.
|
|
24
|
-
3. Run Storybook - `yarn storybook
|
|
24
|
+
3. Run Storybook - `yarn storybook build` to build for production, `yarn storybook dev` for local development.
|
|
25
25
|
4. Storybook should now be running at: http://localhost:6009/.
|
|
26
26
|
|
|
27
27
|
**Updating the slippers-ui NPM package**
|
|
@@ -30,7 +30,7 @@ Slippers uses [Storybook](https://storybook.js.org/) to enable component explora
|
|
|
30
30
|
2. If needed, create/update .stories so Storybook is upto date.
|
|
31
31
|
3. Increment the version number in package.json.
|
|
32
32
|
4. If needed, add component into install.js (this adds components into the build).
|
|
33
|
-
5. Build /dist folder - `yarn build
|
|
33
|
+
5. Build /dist folder - `yarn build`.
|
|
34
34
|
6. Publish to NPM - `yarn publish`.
|
|
35
35
|
7. You can optionally publish using `sh scripts/publish.sh`. Note that you must have `jq` installed. This attempts to run Step 5 and 6 and validate all of this process for you.
|
|
36
36
|
8. Merge changes into origin/main.
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 1a.75.75 0 0 1 .75.75v9.75h9.75a.75.75 0 0 1 0 1.5H4.5v1.25a.75.75 0 0 1-1.5 0V13H1.75a.75.75 0 0 1 0-1.5H3V1.75A.75.75 0 0 1 3.75 1Zm9.75 4.75a.75.75 0 0 0-1.5 0v3.5a.75.75 0 0 0 1.5 0v-3.5ZM9.75 3a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5A.75.75 0 0 1 9.75 3ZM7.5 7.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5Z" fill="#000"/></svg>
|
|
3
|
+
</template>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.255 6.052a3.75 3.75 0 0 1 7.349-.843l.152.528.55.014a2.25 2.25 0 0 1 1.256 4.077.75.75 0 0 0 .876 1.218 3.75 3.75 0 0 0-1.561-6.744 5.251 5.251 0 0 0-10.037.974 3.25 3.25 0 0 0-1.216 6.039.75.75 0 1 0 .752-1.299A1.749 1.749 0 0 1 3.43 6.76l.784.08.041-.787ZM8 9.838l-1.732-.99L8 7.858l1.732.99L8 9.838Zm.75 1.299 1.75-1v1.98l-1.75 1v-1.98Zm-1.5 0-1.75-1v1.98l1.75 1v-1.98Zm.254-4.723a1 1 0 0 1 .992 0l3 1.714a1 1 0 0 1 .504.868v3.41a1 1 0 0 1-.504.87l-3 1.713a1 1 0 0 1-.992 0l-3-1.714A1 1 0 0 1 4 12.407v-3.41a1 1 0 0 1 .504-.87l3-1.713Z" fill="#000"/></svg>
|
|
3
|
+
</template>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 1a.75.75 0 0 0 0 1.5h6.5a3.25 3.25 0 0 1 3.25 3.25V9.5h-.75a.75.75 0 0 0 0 1.5H15V5.75A4.75 4.75 0 0 0 10.25 1h-6.5ZM13 14.25a.75.75 0 0 1-.75.75h-6.5A4.75 4.75 0 0 1 1 10.25V5h2.25a.75.75 0 0 1 0 1.5H2.5v3.75a3.25 3.25 0 0 0 3.25 3.25h6.5a.75.75 0 0 1 .75.75ZM6.22 5.22a.75.75 0 0 1 1.06 0l2.25 2.25.53.53-.53.53-2.25 2.25a.75.75 0 1 1-1.06-1.06L7.94 8 6.22 6.28a.75.75 0 0 1 0-1.06Z" fill="#000"/></svg>
|
|
3
|
+
</template>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.377.266a.4.4 0 0 0-.754 0l-.291.823a.4.4 0 0 1-.243.243l-.823.291a.4.4 0 0 0 0 .754l.823.291a.4.4 0 0 1 .243.243l.291.823a.4.4 0 0 0 .754 0l.291-.823a.4.4 0 0 1 .243-.243l.823-.291a.4.4 0 0 0 0-.754l-.823-.291a.4.4 0 0 1-.243-.243L2.377.266Zm12.018 6.602-.014-.038-.55-1.44-.172.53-.337 1.035H6.678L6.342 5.92l-.172-.528-.551 1.445-.004.01-.004.01-.012.03a1.557 1.557 0 0 0 .512 1.78l.001.001.003.003.01.008.01.008.004.002 2.474 1.862.005.004 1.232.935.148.112.146-.112 1.233-.935.006-.004 2.49-1.873.006-.004.009-.006a1.558 1.558 0 0 0 .51-1.79l-.003-.009Zm.391 3-2.502 1.88-1.233.936-.748.569a.505.505 0 0 1-.61 0l-.75-.569-1.232-.935-2.485-1.87-.013-.011-.007-.005A3.057 3.057 0 0 1 4.2 6.343l.017-.042L5.431 3.12l.068-.178.043-.114.173-.453.017-.045.118-.308a.425.425 0 0 1 .356-.27.43.43 0 0 1 .46.314l.099.305.004.013.193.594.06.181.746 2.296h4.464l.747-2.296.06-.18.193-.595.004-.013.099-.305a.433.433 0 0 1 .648-.248.43.43 0 0 1 .168.204l.116.305.019.048.171.45.045.117.068.177L15.784 6.3l.016.044a3.057 3.057 0 0 1-1.007 3.518l-.007.006ZM3.03 11.333a.5.5 0 0 1 .942 0l.364 1.028a.5.5 0 0 0 .304.304l1.028.364a.5.5 0 0 1 0 .942l-1.028.364a.5.5 0 0 0-.304.304l-.364 1.028a.5.5 0 0 1-.942 0l-.364-1.028a.5.5 0 0 0-.304-.304l-1.028-.364a.5.5 0 0 1 0-.942l1.028-.364a.5.5 0 0 0 .304-.304l.364-1.028Z" fill="#000"/></svg>
|
|
3
|
+
</template>
|
package/icons/index.ts
CHANGED
|
@@ -53,6 +53,7 @@ export { default as CalendarCheck } from './CalendarCheck.vue';
|
|
|
53
53
|
export { default as Camera } from './Camera.vue';
|
|
54
54
|
export { default as CaseStudy } from './CaseStudy.vue';
|
|
55
55
|
export { default as CaseStudyAlt } from './CaseStudyAlt.vue';
|
|
56
|
+
export { default as ChartGraph } from './ChartGraph.vue';
|
|
56
57
|
export { default as Chat } from './Chat.vue';
|
|
57
58
|
export { default as ChatBubble } from './ChatBubble.vue';
|
|
58
59
|
export { default as ChatLaptop } from './ChatLaptop.vue';
|
|
@@ -78,6 +79,7 @@ export { default as Close } from './Close.vue';
|
|
|
78
79
|
export { default as Cloud } from './Cloud.vue';
|
|
79
80
|
export { default as CloudAlt } from './CloudAlt.vue';
|
|
80
81
|
export { default as CloudCircle } from './CloudCircle.vue';
|
|
82
|
+
export { default as CloudPod } from './CloudPod.vue';
|
|
81
83
|
export { default as CloudServer } from './CloudServer.vue';
|
|
82
84
|
export { default as CloudThin } from './CloudThin.vue';
|
|
83
85
|
export { default as CloudTick } from './CloudTick.vue';
|
|
@@ -131,6 +133,7 @@ export { default as Dash } from './Dash.vue';
|
|
|
131
133
|
export { default as DataCircle } from './DataCircle.vue';
|
|
132
134
|
export { default as Delay } from './Delay.vue';
|
|
133
135
|
export { default as Deliver } from './Deliver.vue';
|
|
136
|
+
export { default as Deployments } from './Deployments.vue';
|
|
134
137
|
export { default as DevEnablement } from './DevEnablement.vue';
|
|
135
138
|
export { default as Devsecops } from './Devsecops.vue';
|
|
136
139
|
export { default as DigitalTransformation } from './DigitalTransformation.vue';
|
|
@@ -360,6 +363,7 @@ export { default as Stopwatch } from './Stopwatch.vue';
|
|
|
360
363
|
export { default as Support } from './Support.vue';
|
|
361
364
|
export { default as SupportBold } from './SupportBold.vue';
|
|
362
365
|
export { default as SwagTee } from './SwagTee.vue';
|
|
366
|
+
export { default as TanukiAi } from './TanukiAi.vue';
|
|
363
367
|
export { default as Target } from './Target.vue';
|
|
364
368
|
export { default as TestInvite } from './TestInvite.vue';
|
|
365
369
|
export { default as TestTube } from './TestTube.vue';
|
package/icons.d.ts
CHANGED
|
@@ -62,6 +62,7 @@ declare module 'slippers-ui/icons' {
|
|
|
62
62
|
export const Camera: IconComponent;
|
|
63
63
|
export const CaseStudy: IconComponent;
|
|
64
64
|
export const CaseStudyAlt: IconComponent;
|
|
65
|
+
export const ChartGraph: IconComponent;
|
|
65
66
|
export const Chat: IconComponent;
|
|
66
67
|
export const ChatBubble: IconComponent;
|
|
67
68
|
export const ChatLaptop: IconComponent;
|
|
@@ -87,6 +88,7 @@ declare module 'slippers-ui/icons' {
|
|
|
87
88
|
export const Cloud: IconComponent;
|
|
88
89
|
export const CloudAlt: IconComponent;
|
|
89
90
|
export const CloudCircle: IconComponent;
|
|
91
|
+
export const CloudPod: IconComponent;
|
|
90
92
|
export const CloudServer: IconComponent;
|
|
91
93
|
export const CloudThin: IconComponent;
|
|
92
94
|
export const CloudTick: IconComponent;
|
|
@@ -140,6 +142,7 @@ declare module 'slippers-ui/icons' {
|
|
|
140
142
|
export const DataCircle: IconComponent;
|
|
141
143
|
export const Delay: IconComponent;
|
|
142
144
|
export const Deliver: IconComponent;
|
|
145
|
+
export const Deployments: IconComponent;
|
|
143
146
|
export const DevEnablement: IconComponent;
|
|
144
147
|
export const Devsecops: IconComponent;
|
|
145
148
|
export const DigitalTransformation: IconComponent;
|
|
@@ -369,6 +372,7 @@ declare module 'slippers-ui/icons' {
|
|
|
369
372
|
export const Support: IconComponent;
|
|
370
373
|
export const SupportBold: IconComponent;
|
|
371
374
|
export const SwagTee: IconComponent;
|
|
375
|
+
export const TanukiAi: IconComponent;
|
|
372
376
|
export const Target: IconComponent;
|
|
373
377
|
export const TestInvite: IconComponent;
|
|
374
378
|
export const TestTube: IconComponent;
|