@dialpad/dialtone-icons 4.48.1-next.1 → 4.49.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.
- package/dist/icons.js +1 -1
- package/dist/keywords-icons.json +1 -1
- package/dist/svg/icons/codepen.svg +1 -0
- package/dist/svg/icons/figma.svg +1 -0
- package/dist/svg/icons/github.svg +1 -0
- package/dist/svg/icons/storybook-color.svg +1 -0
- package/dist/svg/icons/storybook.svg +1 -0
- package/package.json +1 -1
- package/vue3/dist/components/icons/codepen.cjs +2 -0
- package/vue3/dist/components/icons/codepen.cjs.map +1 -0
- package/vue3/dist/components/icons/codepen.js +65 -0
- package/vue3/dist/components/icons/codepen.js.map +1 -0
- package/vue3/dist/components/icons/figma.cjs +2 -0
- package/vue3/dist/components/icons/figma.cjs.map +1 -0
- package/vue3/dist/components/icons/figma.js +62 -0
- package/vue3/dist/components/icons/figma.js.map +1 -0
- package/vue3/dist/components/icons/github.cjs +2 -0
- package/vue3/dist/components/icons/github.cjs.map +1 -0
- package/vue3/dist/components/icons/github.js +65 -0
- package/vue3/dist/components/icons/github.js.map +1 -0
- package/vue3/dist/components/icons/storybook-color.cjs +2 -0
- package/vue3/dist/components/icons/storybook-color.cjs.map +1 -0
- package/vue3/dist/components/icons/storybook-color.js +69 -0
- package/vue3/dist/components/icons/storybook-color.js.map +1 -0
- package/vue3/dist/components/icons/storybook.cjs +2 -0
- package/vue3/dist/components/icons/storybook.cjs.map +1 -0
- package/vue3/dist/components/icons/storybook.js +67 -0
- package/vue3/dist/components/icons/storybook.js.map +1 -0
- package/vue3/dist/dialtone-icons.cjs +1 -1
- package/vue3/dist/dialtone-icons.cjs.map +1 -1
- package/vue3/dist/dialtone-icons.js +941 -933
- package/vue3/dist/dialtone-icons.js.map +1 -1
- package/vue3/dist/types/index.d.ts +5 -1
- package/vue3/dist/types/index.d.ts.map +1 -1
- package/vue3/dist/types/src/icons/{paint-bucket.vue.d.ts → codepen.vue.d.ts} +1 -1
- package/vue3/dist/types/src/icons/codepen.vue.d.ts.map +1 -0
- package/vue3/dist/types/src/icons/figma.vue.d.ts +46 -0
- package/vue3/dist/types/src/icons/figma.vue.d.ts.map +1 -0
- package/vue3/dist/types/src/icons/github.vue.d.ts +46 -0
- package/vue3/dist/types/src/icons/github.vue.d.ts.map +1 -0
- package/vue3/dist/types/src/icons/storybook-color.vue.d.ts +46 -0
- package/vue3/dist/types/src/icons/storybook-color.vue.d.ts.map +1 -0
- package/vue3/dist/types/src/icons/storybook.vue.d.ts +46 -0
- package/vue3/dist/types/src/icons/storybook.vue.d.ts.map +1 -0
- package/dist/svg/icons/paint-bucket.svg +0 -1
- package/vue3/dist/components/icons/paint-bucket.cjs +0 -2
- package/vue3/dist/components/icons/paint-bucket.cjs.map +0 -1
- package/vue3/dist/components/icons/paint-bucket.js +0 -69
- package/vue3/dist/components/icons/paint-bucket.js.map +0 -1
- package/vue3/dist/types/src/icons/paint-bucket.vue.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"storybook-color.cjs","sources":["../../../../src/icons/storybook-color.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Storybook Color\" class=\"d-icon d-icon--storybook-color\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M4.618 20.43 4.001 3.92a1.004 1.004 0 0 1 .939-1.04l13.995-.878A1.003 1.003 0 0 1 20 3.006v17.989a1.004 1.004 0 0 1-1.047 1.004l-13.378-.603a1.004 1.004 0 0 1-.957-.967Z\" fill=\"#FF4785\"/><path d=\"m15.855 4.427.098-2.277L17.915 2 18 4.348a.15.15 0 0 1-.147.153.156.156 0 0 1-.1-.031l-.757-.579-.896.66a.156.156 0 0 1-.214-.029.145.145 0 0 1-.03-.095ZM13.346 9.44c0 .386 2.681.201 3.041-.07 0-2.63-1.454-4.012-4.118-4.012-2.664 0-4.156 1.404-4.156 3.509 0 3.666 5.1 3.736 5.1 5.736 0 .561-.283.895-.906.895-.812 0-1.133-.403-1.096-1.771 0-.297-3.098-.39-3.192 0C7.779 17.044 9.908 18 12.345 18c2.361 0 4.213-1.221 4.213-3.431 0-3.93-5.177-3.824-5.177-5.772 0-.789.605-.894.964-.894.378 0 1.058.064 1.001 1.538Z\" fill=\"#fff\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconStorybookColor',\n\n props: {\n /**\n * The size of the icon.\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\n size: {\n type: String,\n default: '500',\n validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n },\n\n /**\n * @TODO: Remove this emit once the icons migration is complete,\n * they will no longer need this event.\n * */\n emits: ['loaded'],\n\n computed: {\n iconSizeClass () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n\n ariaHidden () {\n return !this.ariaLabel ? 'true' : 'false';\n },\n\n dataQA () {\n return this.$attrs['data-qa'] ?? 'dt-icon';\n },\n },\n\n created () {\n this.$emit('loaded');\n },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","_createElementBlock","$props","_normalizeClass","$options","_createElementVNode"],"mappings":"wIAOKA,EAAU,CACb,KAAM,uBAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,GAAmB,EAAE,SAASD,CAAC,GAM/D,UAAW,CACT,KAAM,OACN,QAAS,SAQb,MAAO,CAAC,QAAQ,EAEhB,SAAU,CACR,eAAiB,CACf,OAAOC,EAAAA,EAAoB,KAAK,IAAI,CACtC,EAEA,YAAc,CACZ,OAAQ,KAAK,UAAqB,QAAT,MAC3B,EAEA,QAAU,CACR,OAAO,KAAK,OAAO,SAAS,GAAK,SACnC,GAGF,SAAW,CACT,KAAK,MAAM,QAAQ,CACrB,CACF,wFApDEC,EAAAA,mBAAu8B,MAAA,CAAj8B,aAAYC,EAAA,UAAY,MAAKC,EAAAA,eAAA,CAAEC,EAAA,cAAwG,gCAAgC,CAAA,EAAxH,UAASA,EAAA,OAAS,cAAaA,EAAA,WAAY,KAAK,MAAM,YAAU,kBAAyD,MAAM,6BAA6B,QAAQ,8BAAYC,EAAAA,mBAAoM,OAAA,CAA9L,EAAE,4KAA4K,KAAK,oBAAWA,EAAAA,mBAAwhB,OAAA,CAAlhB,EAAE,mgBAAmgB,KAAK"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { I as r } from "../../constants-DeVuDy8J.js";
|
|
2
|
+
import { openBlock as l, createElementBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
|
|
3
|
+
import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const c = {
|
|
5
|
+
name: "DtIconStorybookColor",
|
|
6
|
+
props: {
|
|
7
|
+
/**
|
|
8
|
+
* The size of the icon.
|
|
9
|
+
* @values 100, 200, 300, 400, 500, 600, 700, 800
|
|
10
|
+
*/
|
|
11
|
+
size: {
|
|
12
|
+
type: String,
|
|
13
|
+
default: "500",
|
|
14
|
+
validator: (e) => Object.keys(r).includes(e)
|
|
15
|
+
},
|
|
16
|
+
/**
|
|
17
|
+
* The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
|
|
18
|
+
*/
|
|
19
|
+
ariaLabel: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: void 0
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
/**
|
|
25
|
+
* @TODO: Remove this emit once the icons migration is complete,
|
|
26
|
+
* they will no longer need this event.
|
|
27
|
+
* */
|
|
28
|
+
emits: ["loaded"],
|
|
29
|
+
computed: {
|
|
30
|
+
iconSizeClass() {
|
|
31
|
+
return r[this.size];
|
|
32
|
+
},
|
|
33
|
+
ariaHidden() {
|
|
34
|
+
return this.ariaLabel ? "false" : "true";
|
|
35
|
+
},
|
|
36
|
+
dataQA() {
|
|
37
|
+
return this.$attrs["data-qa"] ?? "dt-icon";
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
created() {
|
|
41
|
+
this.$emit("loaded");
|
|
42
|
+
}
|
|
43
|
+
}, m = ["aria-label", "data-qa", "aria-hidden"];
|
|
44
|
+
function f(e, t, i, _, u, a) {
|
|
45
|
+
return l(), d("svg", {
|
|
46
|
+
"aria-label": i.ariaLabel,
|
|
47
|
+
class: n([a.iconSizeClass, "d-icon d-icon--storybook-color"]),
|
|
48
|
+
"data-qa": a.dataQA,
|
|
49
|
+
"aria-hidden": a.ariaHidden,
|
|
50
|
+
role: "img",
|
|
51
|
+
"data-name": "Storybook Color",
|
|
52
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
53
|
+
viewBox: "0 0 24 24"
|
|
54
|
+
}, [...t[0] || (t[0] = [
|
|
55
|
+
o("path", {
|
|
56
|
+
d: "M4.618 20.43 4.001 3.92a1.004 1.004 0 0 1 .939-1.04l13.995-.878A1.003 1.003 0 0 1 20 3.006v17.989a1.004 1.004 0 0 1-1.047 1.004l-13.378-.603a1.004 1.004 0 0 1-.957-.967Z",
|
|
57
|
+
fill: "#FF4785"
|
|
58
|
+
}, null, -1),
|
|
59
|
+
o("path", {
|
|
60
|
+
d: "m15.855 4.427.098-2.277L17.915 2 18 4.348a.15.15 0 0 1-.147.153.156.156 0 0 1-.1-.031l-.757-.579-.896.66a.156.156 0 0 1-.214-.029.145.145 0 0 1-.03-.095ZM13.346 9.44c0 .386 2.681.201 3.041-.07 0-2.63-1.454-4.012-4.118-4.012-2.664 0-4.156 1.404-4.156 3.509 0 3.666 5.1 3.736 5.1 5.736 0 .561-.283.895-.906.895-.812 0-1.133-.403-1.096-1.771 0-.297-3.098-.39-3.192 0C7.779 17.044 9.908 18 12.345 18c2.361 0 4.213-1.221 4.213-3.431 0-3.93-5.177-3.824-5.177-5.772 0-.789.605-.894.964-.894.378 0 1.058.064 1.001 1.538Z",
|
|
61
|
+
fill: "#fff"
|
|
62
|
+
}, null, -1)
|
|
63
|
+
])], 10, m);
|
|
64
|
+
}
|
|
65
|
+
const S = /* @__PURE__ */ s(c, [["render", f]]);
|
|
66
|
+
export {
|
|
67
|
+
S as default
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=storybook-color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"storybook-color.js","sources":["../../../../src/icons/storybook-color.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Storybook Color\" class=\"d-icon d-icon--storybook-color\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M4.618 20.43 4.001 3.92a1.004 1.004 0 0 1 .939-1.04l13.995-.878A1.003 1.003 0 0 1 20 3.006v17.989a1.004 1.004 0 0 1-1.047 1.004l-13.378-.603a1.004 1.004 0 0 1-.957-.967Z\" fill=\"#FF4785\"/><path d=\"m15.855 4.427.098-2.277L17.915 2 18 4.348a.15.15 0 0 1-.147.153.156.156 0 0 1-.1-.031l-.757-.579-.896.66a.156.156 0 0 1-.214-.029.145.145 0 0 1-.03-.095ZM13.346 9.44c0 .386 2.681.201 3.041-.07 0-2.63-1.454-4.012-4.118-4.012-2.664 0-4.156 1.404-4.156 3.509 0 3.666 5.1 3.736 5.1 5.736 0 .561-.283.895-.906.895-.812 0-1.133-.403-1.096-1.771 0-.297-3.098-.39-3.192 0C7.779 17.044 9.908 18 12.345 18c2.361 0 4.213-1.221 4.213-3.431 0-3.93-5.177-3.824-5.177-5.772 0-.789.605-.894.964-.894.378 0 1.058.064 1.001 1.538Z\" fill=\"#fff\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconStorybookColor',\n\n props: {\n /**\n * The size of the icon.\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\n size: {\n type: String,\n default: '500',\n validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n },\n\n /**\n * @TODO: Remove this emit once the icons migration is complete,\n * they will no longer need this event.\n * */\n emits: ['loaded'],\n\n computed: {\n iconSizeClass () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n\n ariaHidden () {\n return !this.ariaLabel ? 'true' : 'false';\n },\n\n dataQA () {\n return this.$attrs['data-qa'] ?? 'dt-icon';\n },\n },\n\n created () {\n this.$emit('loaded');\n },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","_createElementBlock","$props","_normalizeClass","$options","_createElementVNode"],"mappings":";;;AAOA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,KAAKC,CAAmB,EAAE,SAASD,CAAC;AAAA;;;;IAM/D,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;EAQb,OAAO,CAAC,QAAQ;AAAA,EAEhB,UAAU;AAAA,IACR,gBAAiB;AACf,aAAOC,EAAoB,KAAK,IAAI;AAAA,IACtC;AAAA,IAEA,aAAc;AACZ,aAAQ,KAAK,YAAqB,UAAT;AAAA,IAC3B;AAAA,IAEA,SAAU;AACR,aAAO,KAAK,OAAO,SAAS,KAAK;AAAA,IACnC;AAAA;EAGF,UAAW;AACT,SAAK,MAAM,QAAQ;AAAA,EACrB;AACF;;cApDEC,EAAu8B,OAAA;AAAA,IAAj8B,cAAYC,EAAA;AAAA,IAAY,OAAKC,EAAA,CAAEC,EAAA,eAAwG,gCAAgC,CAAA;AAAA,IAAxH,WAASA,EAAA;AAAA,IAAS,eAAaA,EAAA;AAAA,IAAY,MAAK;AAAA,IAAM,aAAU;AAAA,IAAyD,OAAM;AAAA,IAA6B,SAAQ;AAAA;IAAYC,EAAoM,QAAA;AAAA,MAA9L,GAAE;AAAA,MAA4K,MAAK;AAAA;IAAWA,EAAwhB,QAAA;AAAA,MAAlhB,GAAE;AAAA,MAAmgB,MAAK;AAAA;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const i=require("../../constants-CHwVJpfT.cjs"),e=require("vue"),n=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),o={name:"DtIconStorybook",props:{size:{type:String,default:"500",validator:t=>Object.keys(i.I).includes(t)},ariaLabel:{type:String,default:void 0}},emits:["loaded"],computed:{iconSizeClass(){return i.I[this.size]},ariaHidden(){return this.ariaLabel?"false":"true"},dataQA(){return this.$attrs["data-qa"]??"dt-icon"}},created(){this.$emit("loaded")}},d=["aria-label","data-qa","aria-hidden"];function s(t,r,l,u,_,a){return e.openBlock(),e.createElementBlock("svg",{"aria-label":l.ariaLabel,class:e.normalizeClass([a.iconSizeClass,"d-icon d-icon--storybook"]),"data-qa":a.dataQA,"aria-hidden":a.ariaHidden,role:"img","data-name":"Storybook",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...r[0]||(r[0]=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",fill:"currentColor",d:"m3.973 3.92.62 16.51a1.003 1.003 0 0 0 .96.966l13.422.603a1.005 1.005 0 0 0 1.051-1.004V3.006a1.006 1.006 0 0 0-1.069-1.004l-1.103.07.08 2.307a.149.149 0 0 1-.082.139.15.15 0 0 1-.16-.016l-.744-.586-.88.668a.15.15 0 0 1-.24-.126l.094-2.266-11.005.688a1.006 1.006 0 0 0-.944 1.04Zm9.388 5.812c0 .39 2.636.204 2.989-.071 0-2.664-1.43-4.064-4.047-4.064-2.618 0-4.084 1.422-4.084 3.554 0 2.137 1.658 3.068 3.067 3.859 1.04.584 1.945 1.092 1.945 1.953 0 .568-.278.906-.891.906-.798 0-1.114-.408-1.076-1.794 0-.3-3.045-.394-3.138 0-.236 3.359 1.857 4.328 4.252 4.328 2.32 0 4.14-1.236 4.14-3.476 0-2.336-1.753-3.265-3.2-4.032-1.019-.54-1.887-1-1.887-1.815 0-.8.594-.906.946-.906.372 0 1.04.065.984 1.558Z"},null,-1)])],10,d)}const c=n._(o,[["render",s]]);module.exports=c;
|
|
2
|
+
//# sourceMappingURL=storybook.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"storybook.cjs","sources":["../../../../src/icons/storybook.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Storybook\" class=\"d-icon d-icon--storybook\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"currentColor\" d=\"m3.973 3.92.62 16.51a1.003 1.003 0 0 0 .96.966l13.422.603a1.005 1.005 0 0 0 1.051-1.004V3.006a1.006 1.006 0 0 0-1.069-1.004l-1.103.07.08 2.307a.149.149 0 0 1-.082.139.15.15 0 0 1-.16-.016l-.744-.586-.88.668a.15.15 0 0 1-.24-.126l.094-2.266-11.005.688a1.006 1.006 0 0 0-.944 1.04Zm9.388 5.812c0 .39 2.636.204 2.989-.071 0-2.664-1.43-4.064-4.047-4.064-2.618 0-4.084 1.422-4.084 3.554 0 2.137 1.658 3.068 3.067 3.859 1.04.584 1.945 1.092 1.945 1.953 0 .568-.278.906-.891.906-.798 0-1.114-.408-1.076-1.794 0-.3-3.045-.394-3.138 0-.236 3.359 1.857 4.328 4.252 4.328 2.32 0 4.14-1.236 4.14-3.476 0-2.336-1.753-3.265-3.2-4.032-1.019-.54-1.887-1-1.887-1.815 0-.8.594-.906.946-.906.372 0 1.04.065.984 1.558Z\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconStorybook',\n\n props: {\n /**\n * The size of the icon.\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\n size: {\n type: String,\n default: '500',\n validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n },\n\n /**\n * @TODO: Remove this emit once the icons migration is complete,\n * they will no longer need this event.\n * */\n emits: ['loaded'],\n\n computed: {\n iconSizeClass () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n\n ariaHidden () {\n return !this.ariaLabel ? 'true' : 'false';\n },\n\n dataQA () {\n return this.$attrs['data-qa'] ?? 'dt-icon';\n },\n },\n\n created () {\n this.$emit('loaded');\n },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","_createElementBlock","$props","_normalizeClass","$options","_createElementVNode"],"mappings":"wIAOKA,EAAU,CACb,KAAM,kBAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,GAAmB,EAAE,SAASD,CAAC,GAM/D,UAAW,CACT,KAAM,OACN,QAAS,SAQb,MAAO,CAAC,QAAQ,EAEhB,SAAU,CACR,eAAiB,CACf,OAAOC,EAAAA,EAAoB,KAAK,IAAI,CACtC,EAEA,YAAc,CACZ,OAAQ,KAAK,UAAqB,QAAT,MAC3B,EAEA,QAAU,CACR,OAAO,KAAK,OAAO,SAAS,GAAK,SACnC,GAGF,SAAW,CACT,KAAK,MAAM,QAAQ,CACrB,CACF,wFApDEC,EAAAA,mBAAi+B,MAAA,CAA39B,aAAYC,EAAA,UAAY,MAAKC,EAAAA,eAAA,CAAEC,EAAA,cAAkG,0BAA0B,CAAA,EAA5G,UAASA,EAAA,OAAS,cAAaA,EAAA,WAAY,KAAK,MAAM,YAAU,YAA6C,MAAM,6BAA6B,QAAQ,8BAAYC,EAAAA,mBAAkwB,OAAA,CAA5vB,YAAU,UAAU,YAAU,UAAU,KAAK,eAAe,EAAE"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { I as r } from "../../constants-DeVuDy8J.js";
|
|
2
|
+
import { openBlock as o, createElementBlock as l, normalizeClass as d, createElementVNode as n } from "vue";
|
|
3
|
+
import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const c = {
|
|
5
|
+
name: "DtIconStorybook",
|
|
6
|
+
props: {
|
|
7
|
+
/**
|
|
8
|
+
* The size of the icon.
|
|
9
|
+
* @values 100, 200, 300, 400, 500, 600, 700, 800
|
|
10
|
+
*/
|
|
11
|
+
size: {
|
|
12
|
+
type: String,
|
|
13
|
+
default: "500",
|
|
14
|
+
validator: (e) => Object.keys(r).includes(e)
|
|
15
|
+
},
|
|
16
|
+
/**
|
|
17
|
+
* The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
|
|
18
|
+
*/
|
|
19
|
+
ariaLabel: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: void 0
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
/**
|
|
25
|
+
* @TODO: Remove this emit once the icons migration is complete,
|
|
26
|
+
* they will no longer need this event.
|
|
27
|
+
* */
|
|
28
|
+
emits: ["loaded"],
|
|
29
|
+
computed: {
|
|
30
|
+
iconSizeClass() {
|
|
31
|
+
return r[this.size];
|
|
32
|
+
},
|
|
33
|
+
ariaHidden() {
|
|
34
|
+
return this.ariaLabel ? "false" : "true";
|
|
35
|
+
},
|
|
36
|
+
dataQA() {
|
|
37
|
+
return this.$attrs["data-qa"] ?? "dt-icon";
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
created() {
|
|
41
|
+
this.$emit("loaded");
|
|
42
|
+
}
|
|
43
|
+
}, m = ["aria-label", "data-qa", "aria-hidden"];
|
|
44
|
+
function u(e, t, i, _, f, a) {
|
|
45
|
+
return o(), l("svg", {
|
|
46
|
+
"aria-label": i.ariaLabel,
|
|
47
|
+
class: d([a.iconSizeClass, "d-icon d-icon--storybook"]),
|
|
48
|
+
"data-qa": a.dataQA,
|
|
49
|
+
"aria-hidden": a.ariaHidden,
|
|
50
|
+
role: "img",
|
|
51
|
+
"data-name": "Storybook",
|
|
52
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
53
|
+
viewBox: "0 0 24 24"
|
|
54
|
+
}, [...t[0] || (t[0] = [
|
|
55
|
+
n("path", {
|
|
56
|
+
"fill-rule": "evenodd",
|
|
57
|
+
"clip-rule": "evenodd",
|
|
58
|
+
fill: "currentColor",
|
|
59
|
+
d: "m3.973 3.92.62 16.51a1.003 1.003 0 0 0 .96.966l13.422.603a1.005 1.005 0 0 0 1.051-1.004V3.006a1.006 1.006 0 0 0-1.069-1.004l-1.103.07.08 2.307a.149.149 0 0 1-.082.139.15.15 0 0 1-.16-.016l-.744-.586-.88.668a.15.15 0 0 1-.24-.126l.094-2.266-11.005.688a1.006 1.006 0 0 0-.944 1.04Zm9.388 5.812c0 .39 2.636.204 2.989-.071 0-2.664-1.43-4.064-4.047-4.064-2.618 0-4.084 1.422-4.084 3.554 0 2.137 1.658 3.068 3.067 3.859 1.04.584 1.945 1.092 1.945 1.953 0 .568-.278.906-.891.906-.798 0-1.114-.408-1.076-1.794 0-.3-3.045-.394-3.138 0-.236 3.359 1.857 4.328 4.252 4.328 2.32 0 4.14-1.236 4.14-3.476 0-2.336-1.753-3.265-3.2-4.032-1.019-.54-1.887-1-1.887-1.815 0-.8.594-.906.946-.906.372 0 1.04.065.984 1.558Z"
|
|
60
|
+
}, null, -1)
|
|
61
|
+
])], 10, m);
|
|
62
|
+
}
|
|
63
|
+
const S = /* @__PURE__ */ s(c, [["render", u]]);
|
|
64
|
+
export {
|
|
65
|
+
S as default
|
|
66
|
+
};
|
|
67
|
+
//# sourceMappingURL=storybook.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"storybook.js","sources":["../../../../src/icons/storybook.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Storybook\" class=\"d-icon d-icon--storybook\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"currentColor\" d=\"m3.973 3.92.62 16.51a1.003 1.003 0 0 0 .96.966l13.422.603a1.005 1.005 0 0 0 1.051-1.004V3.006a1.006 1.006 0 0 0-1.069-1.004l-1.103.07.08 2.307a.149.149 0 0 1-.082.139.15.15 0 0 1-.16-.016l-.744-.586-.88.668a.15.15 0 0 1-.24-.126l.094-2.266-11.005.688a1.006 1.006 0 0 0-.944 1.04Zm9.388 5.812c0 .39 2.636.204 2.989-.071 0-2.664-1.43-4.064-4.047-4.064-2.618 0-4.084 1.422-4.084 3.554 0 2.137 1.658 3.068 3.067 3.859 1.04.584 1.945 1.092 1.945 1.953 0 .568-.278.906-.891.906-.798 0-1.114-.408-1.076-1.794 0-.3-3.045-.394-3.138 0-.236 3.359 1.857 4.328 4.252 4.328 2.32 0 4.14-1.236 4.14-3.476 0-2.336-1.753-3.265-3.2-4.032-1.019-.54-1.887-1-1.887-1.815 0-.8.594-.906.946-.906.372 0 1.04.065.984 1.558Z\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n name: 'DtIconStorybook',\n\n props: {\n /**\n * The size of the icon.\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\n size: {\n type: String,\n default: '500',\n validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n },\n\n /**\n * @TODO: Remove this emit once the icons migration is complete,\n * they will no longer need this event.\n * */\n emits: ['loaded'],\n\n computed: {\n iconSizeClass () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n\n ariaHidden () {\n return !this.ariaLabel ? 'true' : 'false';\n },\n\n dataQA () {\n return this.$attrs['data-qa'] ?? 'dt-icon';\n },\n },\n\n created () {\n this.$emit('loaded');\n },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","_createElementBlock","$props","_normalizeClass","$options","_createElementVNode"],"mappings":";;;AAOA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,KAAKC,CAAmB,EAAE,SAASD,CAAC;AAAA;;;;IAM/D,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;EAQb,OAAO,CAAC,QAAQ;AAAA,EAEhB,UAAU;AAAA,IACR,gBAAiB;AACf,aAAOC,EAAoB,KAAK,IAAI;AAAA,IACtC;AAAA,IAEA,aAAc;AACZ,aAAQ,KAAK,YAAqB,UAAT;AAAA,IAC3B;AAAA,IAEA,SAAU;AACR,aAAO,KAAK,OAAO,SAAS,KAAK;AAAA,IACnC;AAAA;EAGF,UAAW;AACT,SAAK,MAAM,QAAQ;AAAA,EACrB;AACF;;cApDEC,EAAi+B,OAAA;AAAA,IAA39B,cAAYC,EAAA;AAAA,IAAY,OAAKC,EAAA,CAAEC,EAAA,eAAkG,0BAA0B,CAAA;AAAA,IAA5G,WAASA,EAAA;AAAA,IAAS,eAAaA,EAAA;AAAA,IAAY,MAAK;AAAA,IAAM,aAAU;AAAA,IAA6C,OAAM;AAAA,IAA6B,SAAQ;AAAA;IAAYC,EAAkwB,QAAA;AAAA,MAA5vB,aAAU;AAAA,MAAU,aAAU;AAAA,MAAU,MAAK;AAAA,MAAe,GAAE;AAAA;;;;"}
|