@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.
Files changed (50) hide show
  1. package/dist/icons.js +1 -1
  2. package/dist/keywords-icons.json +1 -1
  3. package/dist/svg/icons/codepen.svg +1 -0
  4. package/dist/svg/icons/figma.svg +1 -0
  5. package/dist/svg/icons/github.svg +1 -0
  6. package/dist/svg/icons/storybook-color.svg +1 -0
  7. package/dist/svg/icons/storybook.svg +1 -0
  8. package/package.json +1 -1
  9. package/vue3/dist/components/icons/codepen.cjs +2 -0
  10. package/vue3/dist/components/icons/codepen.cjs.map +1 -0
  11. package/vue3/dist/components/icons/codepen.js +65 -0
  12. package/vue3/dist/components/icons/codepen.js.map +1 -0
  13. package/vue3/dist/components/icons/figma.cjs +2 -0
  14. package/vue3/dist/components/icons/figma.cjs.map +1 -0
  15. package/vue3/dist/components/icons/figma.js +62 -0
  16. package/vue3/dist/components/icons/figma.js.map +1 -0
  17. package/vue3/dist/components/icons/github.cjs +2 -0
  18. package/vue3/dist/components/icons/github.cjs.map +1 -0
  19. package/vue3/dist/components/icons/github.js +65 -0
  20. package/vue3/dist/components/icons/github.js.map +1 -0
  21. package/vue3/dist/components/icons/storybook-color.cjs +2 -0
  22. package/vue3/dist/components/icons/storybook-color.cjs.map +1 -0
  23. package/vue3/dist/components/icons/storybook-color.js +69 -0
  24. package/vue3/dist/components/icons/storybook-color.js.map +1 -0
  25. package/vue3/dist/components/icons/storybook.cjs +2 -0
  26. package/vue3/dist/components/icons/storybook.cjs.map +1 -0
  27. package/vue3/dist/components/icons/storybook.js +67 -0
  28. package/vue3/dist/components/icons/storybook.js.map +1 -0
  29. package/vue3/dist/dialtone-icons.cjs +1 -1
  30. package/vue3/dist/dialtone-icons.cjs.map +1 -1
  31. package/vue3/dist/dialtone-icons.js +941 -933
  32. package/vue3/dist/dialtone-icons.js.map +1 -1
  33. package/vue3/dist/types/index.d.ts +5 -1
  34. package/vue3/dist/types/index.d.ts.map +1 -1
  35. package/vue3/dist/types/src/icons/{paint-bucket.vue.d.ts → codepen.vue.d.ts} +1 -1
  36. package/vue3/dist/types/src/icons/codepen.vue.d.ts.map +1 -0
  37. package/vue3/dist/types/src/icons/figma.vue.d.ts +46 -0
  38. package/vue3/dist/types/src/icons/figma.vue.d.ts.map +1 -0
  39. package/vue3/dist/types/src/icons/github.vue.d.ts +46 -0
  40. package/vue3/dist/types/src/icons/github.vue.d.ts.map +1 -0
  41. package/vue3/dist/types/src/icons/storybook-color.vue.d.ts +46 -0
  42. package/vue3/dist/types/src/icons/storybook-color.vue.d.ts.map +1 -0
  43. package/vue3/dist/types/src/icons/storybook.vue.d.ts +46 -0
  44. package/vue3/dist/types/src/icons/storybook.vue.d.ts.map +1 -0
  45. package/dist/svg/icons/paint-bucket.svg +0 -1
  46. package/vue3/dist/components/icons/paint-bucket.cjs +0 -2
  47. package/vue3/dist/components/icons/paint-bucket.cjs.map +0 -1
  48. package/vue3/dist/components/icons/paint-bucket.js +0 -69
  49. package/vue3/dist/components/icons/paint-bucket.js.map +0 -1
  50. 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;;;;"}