@vector-im/compound-design-tokens 6.10.0 → 6.10.1

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 (17) hide show
  1. package/assets/web/css/cpd-common-semantic.css +2 -2
  2. package/assets/web/icons/linux.cjs +2 -2
  3. package/assets/web/icons/linux.js +2 -2
  4. package/assets/web/icons/presence-outline-8x8.cjs +2 -2
  5. package/assets/web/icons/presence-outline-8x8.js +2 -2
  6. package/assets/web/icons/presence-solid-8x8.cjs +2 -2
  7. package/assets/web/icons/presence-solid-8x8.js +2 -2
  8. package/assets/web/icons/presence-strikethrough-8x8.cjs +2 -2
  9. package/assets/web/icons/presence-strikethrough-8x8.js +2 -2
  10. package/assets/web/icons/rotate-right.cjs +2 -2
  11. package/assets/web/icons/rotate-right.js +2 -2
  12. package/assets/web/icons/voice-call.cjs +6 -16
  13. package/assets/web/icons/voice-call.js +7 -17
  14. package/assets/web/icons/zoom-in.cjs +2 -2
  15. package/assets/web/icons/zoom-in.js +2 -2
  16. package/icons/voice-call.svg +1 -1
  17. package/package.json +2 -1
package/assets/web/css/cpd-common-semantic.css CHANGED
@@ -79,11 +79,11 @@
79
79
  --cpd-color-gradient-subtle-stop4: var(--cpd-color-alpha-green-200);
80
80
  --cpd-color-gradient-subtle-stop5: var(--cpd-color-alpha-green-100);
81
81
  --cpd-color-gradient-subtle-stop6: var(--cpd-color-transparent);
82
+ --cpd-color-gradient-info-stop1: var(--cpd-color-blue-200);
82
83
  --cpd-color-gradient-info-stop2: var(--cpd-color-theme-bg);
84
+ --cpd-color-gradient-critical-stop1: var(--cpd-color-red-200);
83
85
  --cpd-color-gradient-critical-stop2: var(--cpd-color-theme-bg);
84
86
  --cpd-color-gradient-subtle-linear: linear-gradient(180deg, var(--cpd-color-gradient-subtle-stop1) 0%, var(--cpd-color-gradient-subtle-stop2) 20%, var(--cpd-color-gradient-subtle-stop3) 40%, var(--cpd-color-gradient-subtle-stop4) 60%, var(--cpd-color-gradient-subtle-stop5) 80%, var(--cpd-color-gradient-subtle-stop6) 100%);
85
- --cpd-color-gradient-info-stop1: var(--cpd-color-bg-info-subtle);
86
- --cpd-color-gradient-critical-stop1: var(--cpd-color-bg-critical-subtle);
87
87
  --cpd-color-gradient-info-linear: linear-gradient(180deg, var(--cpd-color-gradient-info-stop1) 0%, var(--cpd-color-gradient-info-stop2) 100%);
88
88
  --cpd-color-gradient-critical-linear: linear-gradient(180deg, var(--cpd-color-gradient-critical-stop1) 0%, var(--cpd-color-gradient-critical-stop2) 100%);
89
89
  }
package/assets/web/icons/linux.cjs CHANGED
@@ -10,7 +10,7 @@ function LinuxIcon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_reactJsxRuntime.jsxs("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_LinuxIcon_a)",
14
14
  children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
15
  d: "M13.206 20.644a2.7 2.7 0 0 1-1.097.248 2.8 2.8 0 0 1-1.567-.495c-.153.38-.392.723-.7 1a2.8 2.8 0 0 1-1.078.604h6.141a2.8 2.8 0 0 1-.99-.51 2.8 2.8 0 0 1-.709-.847M6.71 16.673a.2.2 0 0 0 .067-.03q.056-.49.13-.94c-.01-.169.017-.338.08-.495.348-1.904.834-3.24 1.504-4.052a.13.13 0 0 1 .18-.018.123.123 0 0 1 .018.174 4 4 0 0 0-.203.272q-.764 1.113-1.199 3.389h.03a.6.6 0 0 1 .166 0c.198.042.508.203.985.67.061-2.72 1.661-4.913 3.642-4.913 1.748 0 3.208 1.715 3.556 3.997a1.7 1.7 0 0 1 .762-.742.8.8 0 0 1 .254-.047 7.5 7.5 0 0 0-.948-2.342 4 4 0 0 0-.2-.272.12.12 0 0 1-.03-.09.12.12 0 0 1 .048-.083.13.13 0 0 1 .092-.028.13.13 0 0 1 .085.045c.508.624.93 1.557 1.245 2.822.678.247.696 1.361.71 2.267 0 .43 0 .877.105.99.104.114.325.09.635-.04.036-.393.053-.742.063-1.036v-1.082c0-2.475-3.266-6.755-3.266-6.755l-.378-3.218c0-2.953-2.733-2.926-2.733-2.926s-2.743-.027-2.743 2.914l-.365 3.23s-3.267 4.277-3.267 6.755v.31s-.012.299 0 .767v.227c.414.154.839.315.976.28m5.388-10.41c.761.068 1.975.247 2.031.613.04.282-.429.822-.523.926-.195.215-.876.92-1.49.92-.615 0-1.296-.705-1.49-.92-.093-.104-.563-.644-.525-.926.046-.374 1.273-.545 1.996-.614"
16
16
  }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
@@ -20,7 +20,7 @@ function LinuxIcon(props, ref) {
20
20
  })]
21
21
  }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
22
22
  children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
23
- id: "a",
23
+ id: "cpd_LinuxIcon_a",
24
24
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
25
25
  d: "M3.167 2.19H20.5V22H3.165z"
26
26
  })
package/assets/web/icons/linux.js CHANGED
@@ -10,7 +10,7 @@ function LinuxIcon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_jsxs("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_LinuxIcon_a)",
14
14
  children: [/*#__PURE__*/_jsx("path", {
15
15
  d: "M13.206 20.644a2.7 2.7 0 0 1-1.097.248 2.8 2.8 0 0 1-1.567-.495c-.153.38-.392.723-.7 1a2.8 2.8 0 0 1-1.078.604h6.141a2.8 2.8 0 0 1-.99-.51 2.8 2.8 0 0 1-.709-.847M6.71 16.673a.2.2 0 0 0 .067-.03q.056-.49.13-.94c-.01-.169.017-.338.08-.495.348-1.904.834-3.24 1.504-4.052a.13.13 0 0 1 .18-.018.123.123 0 0 1 .018.174 4 4 0 0 0-.203.272q-.764 1.113-1.199 3.389h.03a.6.6 0 0 1 .166 0c.198.042.508.203.985.67.061-2.72 1.661-4.913 3.642-4.913 1.748 0 3.208 1.715 3.556 3.997a1.7 1.7 0 0 1 .762-.742.8.8 0 0 1 .254-.047 7.5 7.5 0 0 0-.948-2.342 4 4 0 0 0-.2-.272.12.12 0 0 1-.03-.09.12.12 0 0 1 .048-.083.13.13 0 0 1 .092-.028.13.13 0 0 1 .085.045c.508.624.93 1.557 1.245 2.822.678.247.696 1.361.71 2.267 0 .43 0 .877.105.99.104.114.325.09.635-.04.036-.393.053-.742.063-1.036v-1.082c0-2.475-3.266-6.755-3.266-6.755l-.378-3.218c0-2.953-2.733-2.926-2.733-2.926s-2.743-.027-2.743 2.914l-.365 3.23s-3.267 4.277-3.267 6.755v.31s-.012.299 0 .767v.227c.414.154.839.315.976.28m5.388-10.41c.761.068 1.975.247 2.031.613.04.282-.429.822-.523.926-.195.215-.876.92-1.49.92-.615 0-1.296-.705-1.49-.92-.093-.104-.563-.644-.525-.926.046-.374 1.273-.545 1.996-.614"
16
16
  }), /*#__PURE__*/_jsx("path", {
@@ -20,7 +20,7 @@ function LinuxIcon(props, ref) {
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("defs", {
22
22
  children: /*#__PURE__*/_jsx("clipPath", {
23
- id: "a",
23
+ id: "cpd_LinuxIcon_a",
24
24
  children: /*#__PURE__*/_jsx("path", {
25
25
  d: "M3.167 2.19H20.5V22H3.165z"
26
26
  })
package/assets/web/icons/presence-outline-8x8.cjs CHANGED
@@ -10,7 +10,7 @@ function PresenceOutline8X8Icon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_PresenceOutline8X8Icon_a)",
14
14
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
15
  fillRule: "evenodd",
16
16
  d: "M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8",
@@ -18,7 +18,7 @@ function PresenceOutline8X8Icon(props, ref) {
18
18
  })
19
19
  }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
20
20
  children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
21
- id: "a",
21
+ id: "cpd_PresenceOutline8X8Icon_a",
22
22
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
23
23
  d: "M0 0h8v8H0z"
24
24
  })
package/assets/web/icons/presence-outline-8x8.js CHANGED
@@ -10,7 +10,7 @@ function PresenceOutline8X8Icon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_PresenceOutline8X8Icon_a)",
14
14
  children: /*#__PURE__*/_jsx("path", {
15
15
  fillRule: "evenodd",
16
16
  d: "M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8",
@@ -18,7 +18,7 @@ function PresenceOutline8X8Icon(props, ref) {
18
18
  })
19
19
  }), /*#__PURE__*/_jsx("defs", {
20
20
  children: /*#__PURE__*/_jsx("clipPath", {
21
- id: "a",
21
+ id: "cpd_PresenceOutline8X8Icon_a",
22
22
  children: /*#__PURE__*/_jsx("path", {
23
23
  d: "M0 0h8v8H0z"
24
24
  })
package/assets/web/icons/presence-solid-8x8.cjs CHANGED
@@ -10,13 +10,13 @@ function PresenceSolid8X8Icon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_PresenceSolid8X8Icon_a)",
14
14
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
15
  d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
16
16
  })
17
17
  }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
18
18
  children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
19
- id: "a",
19
+ id: "cpd_PresenceSolid8X8Icon_a",
20
20
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
21
21
  d: "M0 0h8v8H0z"
22
22
  })
package/assets/web/icons/presence-solid-8x8.js CHANGED
@@ -10,13 +10,13 @@ function PresenceSolid8X8Icon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_PresenceSolid8X8Icon_a)",
14
14
  children: /*#__PURE__*/_jsx("path", {
15
15
  d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
16
16
  })
17
17
  }), /*#__PURE__*/_jsx("defs", {
18
18
  children: /*#__PURE__*/_jsx("clipPath", {
19
- id: "a",
19
+ id: "cpd_PresenceSolid8X8Icon_a",
20
20
  children: /*#__PURE__*/_jsx("path", {
21
21
  d: "M0 0h8v8H0z"
22
22
  })
package/assets/web/icons/presence-strikethrough-8x8.cjs CHANGED
@@ -10,7 +10,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_PresenceStrikethrough8X8Icon_a)",
14
14
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
15
  fillRule: "evenodd",
16
16
  d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961",
@@ -18,7 +18,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
18
18
  })
19
19
  }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
20
20
  children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
21
- id: "a",
21
+ id: "cpd_PresenceStrikethrough8X8Icon_a",
22
22
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
23
23
  d: "M0 0h8v8H0z"
24
24
  })
package/assets/web/icons/presence-strikethrough-8x8.js CHANGED
@@ -10,7 +10,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_PresenceStrikethrough8X8Icon_a)",
14
14
  children: /*#__PURE__*/_jsx("path", {
15
15
  fillRule: "evenodd",
16
16
  d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961",
@@ -18,7 +18,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
18
18
  })
19
19
  }), /*#__PURE__*/_jsx("defs", {
20
20
  children: /*#__PURE__*/_jsx("clipPath", {
21
- id: "a",
21
+ id: "cpd_PresenceStrikethrough8X8Icon_a",
22
22
  children: /*#__PURE__*/_jsx("path", {
23
23
  d: "M0 0h8v8H0z"
24
24
  })
package/assets/web/icons/rotate-right.cjs CHANGED
@@ -10,13 +10,13 @@ function RotateRightIcon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_RotateRightIcon_a)",
14
14
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
15
  d: "M14.83 4.83 12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16.2.37.36.76.48 1.16.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2.28-.51.5-1.04.67-1.59.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"
16
16
  })
17
17
  }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
18
18
  children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
19
- id: "a",
19
+ id: "cpd_RotateRightIcon_a",
20
20
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
21
21
  d: "M0 0h24v24H0z"
22
22
  })
package/assets/web/icons/rotate-right.js CHANGED
@@ -10,13 +10,13 @@ function RotateRightIcon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_jsx("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_RotateRightIcon_a)",
14
14
  children: /*#__PURE__*/_jsx("path", {
15
15
  d: "M14.83 4.83 12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16.2.37.36.76.48 1.16.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2.28-.51.5-1.04.67-1.59.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"
16
16
  })
17
17
  }), /*#__PURE__*/_jsx("defs", {
18
18
  children: /*#__PURE__*/_jsx("clipPath", {
19
- id: "a",
19
+ id: "cpd_RotateRightIcon_a",
20
20
  children: /*#__PURE__*/_jsx("path", {
21
21
  d: "M0 0h24v24H0z"
22
22
  })
package/assets/web/icons/voice-call.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  var _reactJsxRuntime = require("react/jsx-runtime");
2
2
  var React = require("react");
3
3
  function VoiceCallIcon(props, ref) {
4
- return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
4
+ return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
5
5
  xmlns: "http://www.w3.org/2000/svg",
6
6
  width: "1em",
7
7
  height: "1em",
@@ -9,21 +9,11 @@ function VoiceCallIcon(props, ref) {
9
9
  viewBox: "0 0 24 24",
10
10
  ref: ref,
11
11
  ...props,
12
- children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
13
- clipPath: "url(#a)",
14
- children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
- fillRule: "evenodd",
16
- d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.644 1.792-1.792-.483-3.519-3.123-.034-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.4 11.4 0 0 0 3.206 3.54q.457.33.948.614l.762-.761a2 2 0 0 1 .774-.486c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.361.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
17
- clipRule: "evenodd"
18
- })
19
- }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
20
- children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
21
- id: "a",
22
- children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
23
- d: "M0 0h24v24H0z"
24
- })
25
- })
26
- })]
12
+ children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
13
+ fillRule: "evenodd",
14
+ d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
15
+ clipRule: "evenodd"
16
+ })
27
17
  });
28
18
  }
29
19
  ;
package/assets/web/icons/voice-call.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { forwardRef } from "react";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
3
  function VoiceCallIcon(props, ref) {
4
- return /*#__PURE__*/_jsxs("svg", {
4
+ return /*#__PURE__*/_jsx("svg", {
5
5
  xmlns: "http://www.w3.org/2000/svg",
6
6
  width: "1em",
7
7
  height: "1em",
@@ -9,21 +9,11 @@ function VoiceCallIcon(props, ref) {
9
9
  viewBox: "0 0 24 24",
10
10
  ref: ref,
11
11
  ...props,
12
- children: [/*#__PURE__*/_jsx("g", {
13
- clipPath: "url(#a)",
14
- children: /*#__PURE__*/_jsx("path", {
15
- fillRule: "evenodd",
16
- d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.644 1.792-1.792-.483-3.519-3.123-.034-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.4 11.4 0 0 0 3.206 3.54q.457.33.948.614l.762-.761a2 2 0 0 1 .774-.486c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.361.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
17
- clipRule: "evenodd"
18
- })
19
- }), /*#__PURE__*/_jsx("defs", {
20
- children: /*#__PURE__*/_jsx("clipPath", {
21
- id: "a",
22
- children: /*#__PURE__*/_jsx("path", {
23
- d: "M0 0h24v24H0z"
24
- })
25
- })
26
- })]
12
+ children: /*#__PURE__*/_jsx("path", {
13
+ fillRule: "evenodd",
14
+ d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
15
+ clipRule: "evenodd"
16
+ })
27
17
  });
28
18
  }
29
19
  ;
package/assets/web/icons/zoom-in.cjs CHANGED
@@ -10,7 +10,7 @@ function ZoomInIcon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_reactJsxRuntime.jsxs("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_ZoomInIcon_a)",
14
14
  children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
15
  d: "M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"
16
16
  }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
@@ -24,7 +24,7 @@ function ZoomInIcon(props, ref) {
24
24
  })]
25
25
  }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
26
26
  children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
27
- id: "a",
27
+ id: "cpd_ZoomInIcon_a",
28
28
  children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
29
29
  d: "M0 0h24v24H0z"
30
30
  })
package/assets/web/icons/zoom-in.js CHANGED
@@ -10,7 +10,7 @@ function ZoomInIcon(props, ref) {
10
10
  ref: ref,
11
11
  ...props,
12
12
  children: [/*#__PURE__*/_jsxs("g", {
13
- clipPath: "url(#a)",
13
+ clipPath: "url(#cpd_ZoomInIcon_a)",
14
14
  children: [/*#__PURE__*/_jsx("path", {
15
15
  d: "M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"
16
16
  }), /*#__PURE__*/_jsx("path", {
@@ -24,7 +24,7 @@ function ZoomInIcon(props, ref) {
24
24
  })]
25
25
  }), /*#__PURE__*/_jsx("defs", {
26
26
  children: /*#__PURE__*/_jsx("clipPath", {
27
- id: "a",
27
+ id: "cpd_ZoomInIcon_a",
28
28
  children: /*#__PURE__*/_jsx("path", {
29
29
  d: "M0 0h24v24H0z"
30
30
  })
package/icons/voice-call.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.644 1.792-1.792-.483-3.519-3.123-.034-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.4 11.4 0 0 0 3.206 3.54q.457.33.948.614l.762-.761a2 2 0 0 1 .774-.486c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.361.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062" clip-rule="evenodd"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062" clip-rule="evenodd"/></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vector-im/compound-design-tokens",
3
- "version": "6.10.0",
3
+ "version": "6.10.1",
4
4
  "description": "Compound design tokens",
5
5
  "sideEffects": false,
6
6
  "scripts": {
@@ -64,6 +64,7 @@
64
64
  "@capsizecss/metrics": "^3.3.0",
65
65
  "@svgr/core": "^8.1.0",
66
66
  "@svgr/plugin-jsx": "^8.1.0",
67
+ "@svgr/plugin-svgo": "^8.1.0",
67
68
  "@tokens-studio/sd-transforms": "^2.0.0",
68
69
  "@types/babel__core": "^7.20.5",
69
70
  "@types/fs-extra": "^11.0.4",