@vector-im/compound-design-tokens 4.0.2 → 4.0.4

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 (21) hide show
  1. package/assets/web/css/cpd-font-fallbacks.css +13 -13
  2. package/assets/web/icons/earpiece.cjs +21 -0
  3. package/assets/web/icons/earpiece.d.ts +11 -0
  4. package/assets/web/icons/earpiece.js +21 -0
  5. package/assets/web/icons/edit-solid.cjs +3 -13
  6. package/assets/web/icons/edit-solid.js +4 -14
  7. package/assets/web/icons/index.cjs +1 -0
  8. package/assets/web/icons/index.d.ts +1 -0
  9. package/assets/web/icons/index.js +1 -0
  10. package/assets/web/js/cpdDark.d.ts +1 -0
  11. package/assets/web/js/cpdDark.js +1 -0
  12. package/assets/web/js/cpdDarkHc.d.ts +1 -0
  13. package/assets/web/js/cpdDarkHc.js +1 -0
  14. package/assets/web/js/cpdLight.d.ts +1 -0
  15. package/assets/web/js/cpdLight.js +1 -0
  16. package/assets/web/js/cpdLightHc.d.ts +1 -0
  17. package/assets/web/js/cpdLightHc.js +1 -0
  18. package/icons/$icons.json +4 -0
  19. package/icons/earpiece.svg +1 -0
  20. package/icons/edit-solid.svg +1 -1
  21. package/package.json +3 -3
package/assets/web/css/cpd-font-fallbacks.css CHANGED
@@ -22,7 +22,7 @@
22
22
  }
23
23
  @font-face {
24
24
  font-family: "Inter Fallback: Roboto";
25
- src: local('Roboto'), local('Roboto-Regular');
25
+ src: local('Roboto Regular'), local('Roboto-Regular');
26
26
  font-style: normal;
27
27
  font-weight: 400;
28
28
  font-display: swap;
@@ -100,9 +100,9 @@
100
100
  font-style: italic;
101
101
  font-weight: 400;
102
102
  font-display: swap;
103
- ascent-override: 87.916%;
104
- descent-override: 21.8904%;
105
- size-adjust: 110.1904%;
103
+ ascent-override: 87.2269%;
104
+ descent-override: 21.7188%;
105
+ size-adjust: 111.0609%;
106
106
  }
107
107
  @font-face {
108
108
  font-family: "Inter Fallback: Ubuntu";
@@ -176,9 +176,9 @@
176
176
  font-style: normal;
177
177
  font-weight: 500;
178
178
  font-display: swap;
179
- ascent-override: 90.2075%;
180
- descent-override: 22.4609%;
181
- size-adjust: 107.3913%;
179
+ ascent-override: 90.1094%;
180
+ descent-override: 22.4365%;
181
+ size-adjust: 107.5082%;
182
182
  }
183
183
  @font-face {
184
184
  font-family: "Inter Fallback: Ubuntu";
@@ -240,9 +240,9 @@
240
240
  font-style: italic;
241
241
  font-weight: 500;
242
242
  font-display: swap;
243
- ascent-override: 87.9087%;
244
- descent-override: 21.8886%;
245
- size-adjust: 110.1996%;
243
+ ascent-override: 87.0316%;
244
+ descent-override: 21.6702%;
245
+ size-adjust: 111.3102%;
246
246
  }
247
247
  @font-face {
248
248
  font-family: "Inter Fallback: Ubuntu";
@@ -379,9 +379,9 @@
379
379
  font-style: italic;
380
380
  font-weight: 600;
381
381
  font-display: swap;
382
- ascent-override: 87.6213%;
383
- descent-override: 21.817%;
384
- size-adjust: 110.5611%;
382
+ ascent-override: 86.7537%;
383
+ descent-override: 21.601%;
384
+ size-adjust: 111.6667%;
385
385
  }
386
386
  @font-face {
387
387
  font-family: "Inter Fallback: Ubuntu";
package/assets/web/icons/earpiece.cjs ADDED
@@ -0,0 +1,21 @@
1
+ var _reactJsxRuntime = require("react/jsx-runtime");
2
+ var React = require("react");
3
+ function EarpieceIcon(props, ref) {
4
+ return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "currentColor",
9
+ viewBox: "0 0 24 24",
10
+ ref: ref,
11
+ ...props,
12
+ children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
13
+ d: "M14 2c3.93 0 7 3.07 7 7a1 1 0 0 1-2 0c0-2.8-2.2-5-5-5S9 6.2 9 9c0 .93.29 1.98.82 2.94.71 1.29 1.53 1.92 2.32 2.53.92.71 1.88 1.44 2.39 3 .5 1.5 1 2.01 1.71 2.38.2.09.47.15.76.15 1.1 0 2-.9 2-2a1 1 0 1 1 2 0 4 4 0 0 1-5.64 3.65c-1.36-.71-2.13-1.73-2.73-3.55-.32-.98-.9-1.43-1.71-2.05-.87-.67-1.94-1.5-2.85-3.15C7.38 11.65 7 10.26 7 9c0-3.93 3.07-7 7-7"
14
+ }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
+ d: "M6.145 1.3a1 1 0 0 1 1.427 1.4A8.97 8.97 0 0 0 5 9c0 2.3.862 4.397 2.281 5.988l.291.312.069.077A1 1 0 0 1 6.22 16.77l-.075-.07-.356-.38A10.96 10.96 0 0 1 3 9c0-2.998 1.2-5.717 3.145-7.7M14 6.5a2.5 2.5 0 0 1 0 5 2.501 2.501 0 0 1 0-5"
16
+ })]
17
+ });
18
+ }
19
+ ;
20
+ EarpieceIcon.displayName = "EarpieceIcon";
21
+ module.exports = React.forwardRef(EarpieceIcon);
package/assets/web/icons/earpiece.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+
3
+ /**
4
+ * earpiece.svg
5
+ */
6
+ declare const EarpieceIcon: React.ForwardRefExoticComponent<
7
+ Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
8
+ React.RefAttributes<SVGSVGElement>
9
+ >;
10
+
11
+ export default EarpieceIcon;
package/assets/web/icons/earpiece.js ADDED
@@ -0,0 +1,21 @@
1
+ import { forwardRef } from "react";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ function EarpieceIcon(props, ref) {
4
+ return /*#__PURE__*/_jsxs("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "currentColor",
9
+ viewBox: "0 0 24 24",
10
+ ref: ref,
11
+ ...props,
12
+ children: [/*#__PURE__*/_jsx("path", {
13
+ d: "M14 2c3.93 0 7 3.07 7 7a1 1 0 0 1-2 0c0-2.8-2.2-5-5-5S9 6.2 9 9c0 .93.29 1.98.82 2.94.71 1.29 1.53 1.92 2.32 2.53.92.71 1.88 1.44 2.39 3 .5 1.5 1 2.01 1.71 2.38.2.09.47.15.76.15 1.1 0 2-.9 2-2a1 1 0 1 1 2 0 4 4 0 0 1-5.64 3.65c-1.36-.71-2.13-1.73-2.73-3.55-.32-.98-.9-1.43-1.71-2.05-.87-.67-1.94-1.5-2.85-3.15C7.38 11.65 7 10.26 7 9c0-3.93 3.07-7 7-7"
14
+ }), /*#__PURE__*/_jsx("path", {
15
+ d: "M6.145 1.3a1 1 0 0 1 1.427 1.4A8.97 8.97 0 0 0 5 9c0 2.3.862 4.397 2.281 5.988l.291.312.069.077A1 1 0 0 1 6.22 16.77l-.075-.07-.356-.38A10.96 10.96 0 0 1 3 9c0-2.998 1.2-5.717 3.145-7.7M14 6.5a2.5 2.5 0 0 1 0 5 2.501 2.501 0 0 1 0-5"
16
+ })]
17
+ });
18
+ }
19
+ ;
20
+ EarpieceIcon.displayName = "EarpieceIcon";
21
+ export default forwardRef(EarpieceIcon);
package/assets/web/icons/edit-solid.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  var _reactJsxRuntime = require("react/jsx-runtime");
2
2
  var React = require("react");
3
3
  function EditSolidIcon(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 EditSolidIcon(props, ref) {
9
9
  viewBox: "0 0 24 24",
10
10
  ref: ref,
11
11
  ...props,
12
- children: [/*#__PURE__*/_reactJsxRuntime.jsx("mask", {
13
- id: "a",
14
- children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
15
- fillRule: "evenodd",
16
- d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
17
- clipRule: "evenodd"
18
- })
19
- }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
12
+ children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
20
13
  fillRule: "evenodd",
21
14
  d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
22
15
  clipRule: "evenodd"
23
- }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
24
- d: "m4.373 13.97 1.414 1.414.01-.01zm.02-.02-1.415-1.414-.01.01zm-.44.44 1.414 1.415zm-.264.465 1.94.485zm-1.414 5.657-1.94-.485zm1.213 1.213-.485-1.94zm5.657-1.414.485 1.94zm.464-.263 1.415 1.414zM21.363 8.294 19.95 6.88zm0-2.829 1.414-1.414zm-2.828-2.828L17.12 4.05zm-2.829 0-1.414-1.414zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415zM5.797 15.375l.02-.02-2.848-2.81-.02.02zm-.43.43.42-.42-2.828-2.83-.42.422zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.828a3 3 0 0 0-.789 1.393zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638zM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79zM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828zm0 0 2.829-2.828a4 4 0 0 0-5.657 0zM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536zm9.756-6.928 2.972-2.972-2.829-2.828-2.972 2.972zm2.828 0L15.563 5.61l-2.829 2.828 2.829 2.829zm.144-2.972-2.972 2.972 2.828 2.829 2.972-2.972zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828zM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708z",
25
- mask: "url(#a)"
26
- })]
16
+ })
27
17
  });
28
18
  }
29
19
  ;
package/assets/web/icons/edit-solid.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 EditSolidIcon(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 EditSolidIcon(props, ref) {
9
9
  viewBox: "0 0 24 24",
10
10
  ref: ref,
11
11
  ...props,
12
- children: [/*#__PURE__*/_jsx("mask", {
13
- id: "a",
14
- children: /*#__PURE__*/_jsx("path", {
15
- fillRule: "evenodd",
16
- d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
17
- clipRule: "evenodd"
18
- })
19
- }), /*#__PURE__*/_jsx("path", {
12
+ children: /*#__PURE__*/_jsx("path", {
20
13
  fillRule: "evenodd",
21
14
  d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
22
15
  clipRule: "evenodd"
23
- }), /*#__PURE__*/_jsx("path", {
24
- d: "m4.373 13.97 1.414 1.414.01-.01zm.02-.02-1.415-1.414-.01.01zm-.44.44 1.414 1.415zm-.264.465 1.94.485zm-1.414 5.657-1.94-.485zm1.213 1.213-.485-1.94zm5.657-1.414.485 1.94zm.464-.263 1.415 1.414zM21.363 8.294 19.95 6.88zm0-2.829 1.414-1.414zm-2.828-2.828L17.12 4.05zm-2.829 0-1.414-1.414zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415zM5.797 15.375l.02-.02-2.848-2.81-.02.02zm-.43.43.42-.42-2.828-2.83-.42.422zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.828a3 3 0 0 0-.789 1.393zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638zM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79zM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828zm0 0 2.829-2.828a4 4 0 0 0-5.657 0zM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536zm9.756-6.928 2.972-2.972-2.829-2.828-2.972 2.972zm2.828 0L15.563 5.61l-2.829 2.828 2.829 2.829zm.144-2.972-2.972 2.972 2.828 2.829 2.972-2.972zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828zM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708z",
25
- mask: "url(#a)"
26
- })]
16
+ })
27
17
  });
28
18
  }
29
19
  ;
package/assets/web/icons/index.cjs CHANGED
@@ -44,6 +44,7 @@ module.exports = {
44
44
  DownloadIcon: require("./download.cjs"),
45
45
  DragGridIcon: require("./drag-grid.cjs"),
46
46
  DragListIcon: require("./drag-list.cjs"),
47
+ EarpieceIcon: require("./earpiece.cjs"),
47
48
  EditSolidIcon: require("./edit-solid.cjs"),
48
49
  EditIcon: require("./edit.cjs"),
49
50
  EmailSolidIcon: require("./email-solid.cjs"),
package/assets/web/icons/index.d.ts CHANGED
@@ -43,6 +43,7 @@ export { default as DownloadIosIcon } from "./download-ios.js";
43
43
  export { default as DownloadIcon } from "./download.js";
44
44
  export { default as DragGridIcon } from "./drag-grid.js";
45
45
  export { default as DragListIcon } from "./drag-list.js";
46
+ export { default as EarpieceIcon } from "./earpiece.js";
46
47
  export { default as EditSolidIcon } from "./edit-solid.js";
47
48
  export { default as EditIcon } from "./edit.js";
48
49
  export { default as EmailSolidIcon } from "./email-solid.js";
package/assets/web/icons/index.js CHANGED
@@ -43,6 +43,7 @@ export { default as DownloadIosIcon } from "./download-ios.js";
43
43
  export { default as DownloadIcon } from "./download.js";
44
44
  export { default as DragGridIcon } from "./drag-grid.js";
45
45
  export { default as DragListIcon } from "./drag-list.js";
46
+ export { default as EarpieceIcon } from "./earpiece.js";
46
47
  export { default as EditSolidIcon } from "./edit-solid.js";
47
48
  export { default as EditIcon } from "./edit.js";
48
49
  export { default as EmailSolidIcon } from "./email-solid.js";
package/assets/web/js/cpdDark.d.ts CHANGED
@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
204
204
  export const cpdIconAudio: string;
205
205
  export const cpdIconSpotlightView: string;
206
206
  export const cpdIconListView: string;
207
+ export const cpdIconEarpiece: string;
207
208
  export const cpdIconKeyOffSolid: string;
208
209
  export const cpdIconCloudSolid: string;
209
210
  export const cpdIconKeyOff: string;
package/assets/web/js/cpdDark.js CHANGED
@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
227
227
  export const cpdIconAudio = "icons/audio.svg";
228
228
  export const cpdIconSpotlightView = "icons/spotlight-view.svg";
229
229
  export const cpdIconListView = "icons/list-view.svg";
230
+ export const cpdIconEarpiece = "icons/earpiece.svg";
230
231
  export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
231
232
  export const cpdIconCloudSolid = "icons/cloud-solid.svg";
232
233
  export const cpdIconKeyOff = "icons/key-off.svg";
package/assets/web/js/cpdDarkHc.d.ts CHANGED
@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
204
204
  export const cpdIconAudio: string;
205
205
  export const cpdIconSpotlightView: string;
206
206
  export const cpdIconListView: string;
207
+ export const cpdIconEarpiece: string;
207
208
  export const cpdIconKeyOffSolid: string;
208
209
  export const cpdIconCloudSolid: string;
209
210
  export const cpdIconKeyOff: string;
package/assets/web/js/cpdDarkHc.js CHANGED
@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
227
227
  export const cpdIconAudio = "icons/audio.svg";
228
228
  export const cpdIconSpotlightView = "icons/spotlight-view.svg";
229
229
  export const cpdIconListView = "icons/list-view.svg";
230
+ export const cpdIconEarpiece = "icons/earpiece.svg";
230
231
  export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
231
232
  export const cpdIconCloudSolid = "icons/cloud-solid.svg";
232
233
  export const cpdIconKeyOff = "icons/key-off.svg";
package/assets/web/js/cpdLight.d.ts CHANGED
@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
204
204
  export const cpdIconAudio: string;
205
205
  export const cpdIconSpotlightView: string;
206
206
  export const cpdIconListView: string;
207
+ export const cpdIconEarpiece: string;
207
208
  export const cpdIconKeyOffSolid: string;
208
209
  export const cpdIconCloudSolid: string;
209
210
  export const cpdIconKeyOff: string;
package/assets/web/js/cpdLight.js CHANGED
@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
227
227
  export const cpdIconAudio = "icons/audio.svg";
228
228
  export const cpdIconSpotlightView = "icons/spotlight-view.svg";
229
229
  export const cpdIconListView = "icons/list-view.svg";
230
+ export const cpdIconEarpiece = "icons/earpiece.svg";
230
231
  export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
231
232
  export const cpdIconCloudSolid = "icons/cloud-solid.svg";
232
233
  export const cpdIconKeyOff = "icons/key-off.svg";
package/assets/web/js/cpdLightHc.d.ts CHANGED
@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
204
204
  export const cpdIconAudio: string;
205
205
  export const cpdIconSpotlightView: string;
206
206
  export const cpdIconListView: string;
207
+ export const cpdIconEarpiece: string;
207
208
  export const cpdIconKeyOffSolid: string;
208
209
  export const cpdIconCloudSolid: string;
209
210
  export const cpdIconKeyOff: string;
package/assets/web/js/cpdLightHc.js CHANGED
@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
227
227
  export const cpdIconAudio = "icons/audio.svg";
228
228
  export const cpdIconSpotlightView = "icons/spotlight-view.svg";
229
229
  export const cpdIconListView = "icons/list-view.svg";
230
+ export const cpdIconEarpiece = "icons/earpiece.svg";
230
231
  export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
231
232
  export const cpdIconCloudSolid = "icons/cloud-solid.svg";
232
233
  export const cpdIconKeyOff = "icons/key-off.svg";
package/icons/$icons.json CHANGED
@@ -508,6 +508,10 @@
508
508
  "value": "icons/list-view.svg",
509
509
  "type": "icon"
510
510
  },
511
+ "earpiece": {
512
+ "value": "icons/earpiece.svg",
513
+ "type": "icon"
514
+ },
511
515
  "key-off-solid": {
512
516
  "value": "icons/key-off-solid.svg",
513
517
  "type": "icon"
package/icons/earpiece.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2c3.93 0 7 3.07 7 7a1 1 0 0 1-2 0c0-2.8-2.2-5-5-5S9 6.2 9 9c0 .93.29 1.98.82 2.94.71 1.29 1.53 1.92 2.32 2.53.92.71 1.88 1.44 2.39 3 .5 1.5 1 2.01 1.71 2.38.2.09.47.15.76.15 1.1 0 2-.9 2-2a1 1 0 1 1 2 0 4 4 0 0 1-5.64 3.65c-1.36-.71-2.13-1.73-2.73-3.55-.32-.98-.9-1.43-1.71-2.05-.87-.67-1.94-1.5-2.85-3.15C7.38 11.65 7 10.26 7 9c0-3.93 3.07-7 7-7"/><path d="M6.145 1.3a1 1 0 0 1 1.427 1.4A8.97 8.97 0 0 0 5 9c0 2.3.862 4.397 2.281 5.988l.291.312.069.077A1 1 0 0 1 6.22 16.77l-.075-.07-.356-.38A10.96 10.96 0 0 1 3 9c0-2.998 1.2-5.717 3.145-7.7M14 6.5a2.5 2.5 0 0 1 0 5 2.501 2.501 0 0 1 0-5"/></svg>
package/icons/edit-solid.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><mask id="a"><path fill-rule="evenodd" d="m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z" clip-rule="evenodd"/></mask><path fill-rule="evenodd" d="m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z" clip-rule="evenodd"/><path d="m4.373 13.97 1.414 1.414.01-.01zm.02-.02-1.415-1.414-.01.01zm-.44.44 1.414 1.415zm-.264.465 1.94.485zm-1.414 5.657-1.94-.485zm1.213 1.213-.485-1.94zm5.657-1.414.485 1.94zm.464-.263 1.415 1.414zM21.363 8.294 19.95 6.88zm0-2.829 1.414-1.414zm-2.828-2.828L17.12 4.05zm-2.829 0-1.414-1.414zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415zM5.797 15.375l.02-.02-2.848-2.81-.02.02zm-.43.43.42-.42-2.828-2.83-.42.422zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.828a3 3 0 0 0-.789 1.393zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638zM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79zM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828zm0 0 2.829-2.828a4 4 0 0 0-5.657 0zM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536zm9.756-6.928 2.972-2.972-2.829-2.828-2.972 2.972zm2.828 0L15.563 5.61l-2.829 2.828 2.829 2.829zm.144-2.972-2.972 2.972 2.828 2.829 2.972-2.972zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828zM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708z" mask="url(#a)"/></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="m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z" clip-rule="evenodd"/></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vector-im/compound-design-tokens",
3
- "version": "4.0.2",
3
+ "version": "4.0.4",
4
4
  "description": "Compound design tokens",
5
5
  "sideEffects": false,
6
6
  "scripts": {
@@ -54,7 +54,7 @@
54
54
  "@capsizecss/metrics": "^3.3.0",
55
55
  "@svgr/core": "^8.1.0",
56
56
  "@svgr/plugin-jsx": "^8.1.0",
57
- "@tokens-studio/sd-transforms": "^1.0.0",
57
+ "@tokens-studio/sd-transforms": "^2.0.0",
58
58
  "@types/babel__core": "^7.20.5",
59
59
  "@types/fs-extra": "^11.0.4",
60
60
  "@types/lodash-es": "^4.17.12",
@@ -63,7 +63,7 @@
63
63
  "http-server": "^14.1.1",
64
64
  "lodash-es": "^4.17.21",
65
65
  "prettier": "^3.3.3",
66
- "style-dictionary": "^4.0.0",
66
+ "style-dictionary": "^5.0.0",
67
67
  "svg2vectordrawable": "^2.9.1",
68
68
  "svgo": "^3.3.2",
69
69
  "tsx": "^4.15.6",