@canonical/react-ds-app-launchpad 0.15.0 → 0.16.0-experimental.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.
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- export const DeleteIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("path", { fill: "currentColor", d: "M4.5 7.5h7v1h-7v-1Z" }), _jsx("title", { children: "Delete" })] }));
3
- export const AddIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("path", { fill: "currentColor", d: "M8.8 2.4H7.2v4.8H2.4v1.6h4.8v4.8h1.6V8.8h4.8V7.2H8.8V2.4Z" }), _jsx("title", { children: "Add" })] }));
4
- export const ModifyIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("path", { fill: "currentColor", d: "M12 8a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z" }), _jsx("title", { children: "Modify" })] }));
2
+ export const DeleteIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("title", { children: "Delete" }), _jsx("path", { fill: "currentColor", d: "M4.5 7.5h7v1h-7v-1Z" })] }));
3
+ export const AddIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("title", { children: "Add" }), _jsx("path", { fill: "currentColor", d: "M8.8 2.4H7.2v4.8H2.4v1.6h4.8v4.8h1.6V8.8h4.8V7.2H8.8V2.4Z" })] }));
4
+ export const ModifyIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("title", { children: "Modify" }), _jsx("path", { fill: "currentColor", d: "M12 8a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z" })] }));
5
5
  //# sourceMappingURL=icons.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/lib/DiffChangeMarker/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,qBAAqB,GAAG,EACpD,qCAAqB,IACjB,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2DAA2D,GAC7D,EACF,kCAAkB,IACd,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,oCAAoC,GAAG,EACnE,qCAAqB,IACjB,CACP,CAAC"}
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/lib/DiffChangeMarker/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,qCAAqB,EACrB,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,qBAAqB,GAAG,IAChD,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,kCAAkB,EAClB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2DAA2D,GAC7D,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,qCAAqB,EACrB,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,oCAAoC,GAAG,IAC/D,CACP,CAAC"}
@@ -13,6 +13,7 @@
13
13
 
14
14
  &:focus-within {
15
15
  outline: 2px solid Highlight;
16
+ /* biome-ignore lint/suspicious/noDuplicateProperties: fallback for browsers without -webkit-focus-ring-color */
16
17
  outline: 2px solid -webkit-focus-ring-color;
17
18
  outline-offset: -1px;
18
19
  box-sizing: border-box;
@@ -65,8 +65,8 @@ const CodeDiffViewer = ({ id, AddComment, onLineClick, className, style, disable
65
65
  oldLineCounter++;
66
66
  newLineCounter++;
67
67
  }
68
- return (_jsx(AnnotatedDiffLine, { newLineNumber: newLineNumber, oldLineNumber: oldLineNumber, diffLineNumber: hunk.positions.diff.start + lineIndex, content: highlightedLines[hunkIndex][lineIndex], type: line.type, onLineClick: onLineClick, AddComment: AddComment }, `${diff.oldPath}-${hunkIndex}-${lineIndex}`));
69
- })] }, `${diff.oldPath}-${hunkIndex}`));
68
+ return (_jsx(AnnotatedDiffLine, { newLineNumber: newLineNumber, oldLineNumber: oldLineNumber, diffLineNumber: hunk.positions.diff.start + lineIndex, content: highlightedLines[hunkIndex][lineIndex], type: line.type, onLineClick: onLineClick, AddComment: AddComment }, `${diff.oldPath}-${line.type}-${oldLineNumber}-${newLineNumber}`));
69
+ })] }, `${diff.oldPath}-${hunk.header}`));
70
70
  }) }) }) }), _jsx("div", { className: "svg-refs", children: icons.CommentIcon })] }));
71
71
  };
72
72
  CodeDiffViewer.displayName = "GitDiffViewer.CodeDiff";
@@ -1 +1 @@
1
- {"version":3,"file":"CodeDiffViewer.js","sourceRoot":"","sources":["../../../../../../src/lib/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CodeDiffViewer.js","sourceRoot":"","sources":["../../../../../../src/lib/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.tsx"],"names":[],"mappings":"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"}
@@ -26,7 +26,7 @@ const DiffLine = ({ id, className, style, onLineClick, ...props }) => {
26
26
  if (e.key === "Enter") {
27
27
  onLineClick?.();
28
28
  }
29
- }, onKeyDown: undefined, children: props.type === "hunk" ? ("\u00A0") : (_jsxs("div", { className: "diff-line-numbers", children: [isInteractive && (_jsx("span", { className: "comment-icon", children: _jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("use", { href: "#comment-icon" }), _jsx("title", { children: "Comment" })] }) })), _jsx("span", { className: "line-num", children: props.type === "add" ? "+" : props.removeLineNumber }), _jsx("span", { className: "line-num", children: props.type === "remove" ? "-" : props.addLineNumber })] })) }), _jsx("td", { className: `diff-content ${wrapLines ? "wrap" : ""}`, children: props.type === "hunk" ? (_jsx("pre", { children: props.hunkHeader })) : (_jsx("pre", {
29
+ }, onKeyDown: undefined, children: props.type === "hunk" ? ("\u00A0") : (_jsxs("div", { className: "diff-line-numbers", children: [isInteractive && (_jsx("span", { className: "comment-icon", children: _jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Comment" }), _jsx("use", { href: "#comment-icon" })] }) })), _jsx("span", { className: "line-num", children: props.type === "add" ? "+" : props.removeLineNumber }), _jsx("span", { className: "line-num", children: props.type === "remove" ? "-" : props.addLineNumber })] })) }), _jsx("td", { className: `diff-content ${wrapLines ? "wrap" : ""}`, children: props.type === "hunk" ? (_jsx("pre", { children: props.hunkHeader })) : (_jsx("pre", {
30
30
  // biome-ignore lint/security/noDangerouslySetInnerHtml: syntax highlighting requires adding generated HTML
31
31
  dangerouslySetInnerHTML: {
32
32
  __html: props.content ? props.content : "\u00A0",
@@ -1 +1 @@
1
- {"version":3,"file":"DiffLine.js","sourceRoot":"","sources":["../../../../../../../../src/lib/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAC7C,MAAM,yBAAyB,GAAG,eAAe,CAAC;AAElD;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACM,EAAsB,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,aAAa,KAAK,CAAC,IAAI,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAE3C,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;YACT,qBAAqB;YACrB,SAAS;YACT,aAAa,IAAI,aAAa;YAC9B,SAAS;YACT,KAAK,CAAC,IAAI,KAAK,MAAM;gBACnB,KAAK,CAAC,SAAS,KAAK,CAAC;gBACrB,yBAAyB;SAC5B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEZ,aACE,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,EACjE,QAAQ,EAAE,aAAa,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChE,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,WAAW,EAAE,EAAE,CAAC;oBAClB,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,SAAS,YAEnB,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,mBAAmB,aAC/B,aAAa,IAAI,CAChB,eAAM,SAAS,EAAC,cAAc,YAC5B,eACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,cAAK,IAAI,EAAC,eAAe,GAAG,EAC5B,sCAAsB,IAClB,GACD,CACR,EACD,eAAM,SAAS,EAAC,UAAU,YACvB,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,GAC/C,EACP,eAAM,SAAS,EAAC,UAAU,YACvB,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,GAC/C,IACH,CACP,GACE,EACL,aAAI,SAAS,EAAE,gBAAgB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YACrD,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,wBAAM,KAAK,CAAC,UAAU,GAAO,CAC9B,CAAC,CAAC,CAAC,CACF;oBACE,2GAA2G;oBAC3G,uBAAuB,EAAE;wBACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;qBACjD,GACD,CACH,GACE,IACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"DiffLine.js","sourceRoot":"","sources":["../../../../../../../../src/lib/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAC7C,MAAM,yBAAyB,GAAG,eAAe,CAAC;AAElD;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACM,EAAsB,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,aAAa,KAAK,CAAC,IAAI,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAE3C,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;YACT,qBAAqB;YACrB,SAAS;YACT,aAAa,IAAI,aAAa;YAC9B,SAAS;YACT,KAAK,CAAC,IAAI,KAAK,MAAM;gBACnB,KAAK,CAAC,SAAS,KAAK,CAAC;gBACrB,yBAAyB;SAC5B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEZ,aACE,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,EACjE,QAAQ,EAAE,aAAa,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChE,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,WAAW,EAAE,EAAE,CAAC;oBAClB,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,SAAS,YAEnB,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,mBAAmB,aAC/B,aAAa,IAAI,CAChB,eAAM,SAAS,EAAC,cAAc,YAC5B,eACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,sCAAsB,EACtB,cAAK,IAAI,EAAC,eAAe,GAAG,IACxB,GACD,CACR,EACD,eAAM,SAAS,EAAC,UAAU,YACvB,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,GAC/C,EACP,eAAM,SAAS,EAAC,UAAU,YACvB,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,GAC/C,IACH,CACP,GACE,EACL,aAAI,SAAS,EAAE,gBAAgB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YACrD,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,wBAAM,KAAK,CAAC,UAAU,GAAO,CAC9B,CAAC,CAAC,CAAC,CACF;oBACE,2GAA2G;oBAC3G,uBAAuB,EAAE;wBACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;qBACjD,GACD,CACH,GACE,IACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -6,6 +6,51 @@
6
6
  min-width: var(--table-width);
7
7
  color: var(--git-diff-viewer-code-default-color);
8
8
 
9
+ td.diff-gutter {
10
+ min-width: var(--git-diff-viewer-gutter-width);
11
+ max-width: var(--git-diff-viewer-gutter-width);
12
+ padding: 0;
13
+ text-align: right;
14
+ border-right: 1px solid var(--git-diff-viewer-border-color-tinted);
15
+ user-select: none;
16
+ vertical-align: top;
17
+
18
+ &:not(.wrap) {
19
+ position: sticky;
20
+ left: 0;
21
+ }
22
+
23
+ .diff-line-numbers {
24
+ display: flex;
25
+ justify-content: space-between;
26
+ align-items: center;
27
+ padding: 0px;
28
+ }
29
+ .line-num {
30
+ display: inline-block;
31
+ width: calc(var(--git-diff-viewer-gutter-width) / 2 - 4px);
32
+ text-align: center;
33
+ color: var(--git-diff-viewer-code-line-number-default-color);
34
+ }
35
+ }
36
+
37
+ td.diff-content {
38
+ /* padding: 0 0 0 calc(var(--git-diff-viewer-gutter-width) + 4px); */
39
+ padding: 0 0 0 4px;
40
+
41
+ pre {
42
+ margin: 0;
43
+ padding: 0 8px;
44
+ font-family: var(--font-family-mono);
45
+ }
46
+
47
+ &.wrap {
48
+ pre {
49
+ text-wrap: wrap;
50
+ }
51
+ }
52
+ }
53
+
9
54
  &.diff-line-add {
10
55
  background-color: var(--git-diff-viewer-code-insertion-background);
11
56
 
@@ -48,51 +93,6 @@
48
93
  }
49
94
  }
50
95
 
51
- td.diff-gutter {
52
- min-width: var(--git-diff-viewer-gutter-width);
53
- max-width: var(--git-diff-viewer-gutter-width);
54
- padding: 0;
55
- text-align: right;
56
- border-right: 1px solid var(--git-diff-viewer-border-color-tinted);
57
- user-select: none;
58
- vertical-align: top;
59
-
60
- &:not(.wrap) {
61
- position: sticky;
62
- left: 0;
63
- }
64
-
65
- .diff-line-numbers {
66
- display: flex;
67
- justify-content: space-between;
68
- align-items: center;
69
- padding: 0px;
70
- }
71
- .line-num {
72
- display: inline-block;
73
- width: calc(var(--git-diff-viewer-gutter-width) / 2 - 4px);
74
- text-align: center;
75
- color: var(--git-diff-viewer-code-line-number-default-color);
76
- }
77
- }
78
-
79
- td.diff-content {
80
- /* padding: 0 0 0 calc(var(--git-diff-viewer-gutter-width) + 4px); */
81
- padding: 0 0 0 4px;
82
-
83
- &.wrap {
84
- pre {
85
- text-wrap: wrap;
86
- }
87
- }
88
-
89
- pre {
90
- margin: 0;
91
- padding: 0 8px;
92
- font-family: var(--font-family-mono);
93
- }
94
- }
95
-
96
96
  &.interactive {
97
97
  --icon-opacity: 0;
98
98
 
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- export const CommentIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", id: "comment-icon", children: [_jsx("path", { fill: "currentColor", d: "M12 2a3 3 0 0 1 3 3v5a3.002 3.002 0 0 1-2 2.829V16l-4.5-3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8Zm0 1.5H4a1.5 1.5 0 0 0-1.493 1.356L2.5 5v5a1.5 1.5 0 0 0 1.356 1.493L4 11.5h4.954l2.546 1.696.001-1.428 1-.353c.548-.194.935-.69.992-1.269L13.5 10V5a1.5 1.5 0 0 0-1.356-1.493L12 3.5ZM7.976 8.25v1.5H4.994v-1.5h2.982Zm3.005-3v1.5H4.994v-1.5h5.987Z" }), _jsx("title", { children: "Comment" })] }));
2
+ export const CommentIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", id: "comment-icon", children: [_jsx("title", { children: "Comment" }), _jsx("path", { fill: "currentColor", d: "M12 2a3 3 0 0 1 3 3v5a3.002 3.002 0 0 1-2 2.829V16l-4.5-3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8Zm0 1.5H4a1.5 1.5 0 0 0-1.493 1.356L2.5 5v5a1.5 1.5 0 0 0 1.356 1.493L4 11.5h4.954l2.546 1.696.001-1.428 1-.353c.548-.194.935-.69.992-1.269L13.5 10V5a1.5 1.5 0 0 0-1.356-1.493L12 3.5ZM7.976 8.25v1.5H4.994v-1.5h2.982Zm3.005-3v1.5H4.994v-1.5h5.987Z" })] }));
3
3
  //# sourceMappingURL=icons.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../../src/lib/GitDiffViewer/common/CodeDiffViewer/common/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,cAAc,aAEjB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mVAAmV,GACrV,EACF,sCAAsB,IAClB,CACP,CAAC"}
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../../src/lib/GitDiffViewer/common/CodeDiffViewer/common/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,cAAc,aAEjB,sCAAsB,EACtB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mVAAmV,GACrV,IACE,CACP,CAAC"}
@@ -78,6 +78,7 @@
78
78
 
79
79
  &:has(textarea:focus) {
80
80
  outline: 1px solid Highlight;
81
+ /* biome-ignore lint/suspicious/noDuplicateProperties: fallback for browsers without -webkit-focus-ring-color */
81
82
  outline: 1px solid -webkit-focus-ring-color;
82
83
  }
83
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/react-ds-app-launchpad",
3
- "version": "0.15.0",
3
+ "version": "0.16.0-experimental.1",
4
4
  "type": "module",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -39,9 +39,9 @@
39
39
  "test:vitest:watch": "vitest"
40
40
  },
41
41
  "dependencies": {
42
- "@canonical/storybook-config": "^0.15.0",
43
- "@canonical/styles": "^0.15.0",
44
- "@canonical/utils": "^0.15.0",
42
+ "@canonical/storybook-config": "^0.16.0-experimental.1",
43
+ "@canonical/styles": "^0.16.0-experimental.1",
44
+ "@canonical/utils": "^0.16.0-experimental.1",
45
45
  "@js-temporal/polyfill": "^0.5.1",
46
46
  "highlight.js": "^11.11.1",
47
47
  "react": ">=18.0.0 <20.0.0",
@@ -52,11 +52,11 @@
52
52
  "remark-gfm": "^4.0.1"
53
53
  },
54
54
  "devDependencies": {
55
- "@biomejs/biome": "2.3.14",
56
- "@canonical/biome-config": "^0.15.0",
57
- "@canonical/storybook-helpers": "^0.15.0",
58
- "@canonical/typescript-config-react": "^0.15.0",
59
- "@canonical/webarchitect": "^0.15.0",
55
+ "@biomejs/biome": "2.4.5",
56
+ "@canonical/biome-config": "^0.16.0-experimental.1",
57
+ "@canonical/storybook-helpers": "^0.16.0-experimental.1",
58
+ "@canonical/typescript-config-react": "^0.16.0-experimental.1",
59
+ "@canonical/webarchitect": "^0.16.0-experimental.1",
60
60
  "@chromatic-com/storybook": "^5.0.1",
61
61
  "@storybook/addon-docs": "^10.2.8",
62
62
  "@storybook/react-vite": "^10.2.8",
@@ -76,5 +76,5 @@
76
76
  "vite-tsconfig-paths": "^6.1.0",
77
77
  "vitest": "^4.0.18"
78
78
  },
79
- "gitHead": "60c6f6f355d4a80ce110d8dd44c429695301ad86"
79
+ "gitHead": "b29a336dd55f28373a36fe4736f547296c734c3c"
80
80
  }