@atlaskit/icon 23.1.1 → 23.2.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/CHANGELOG.md +19 -0
- package/build/index.tsx +116 -109
- package/core/discovery.js +2 -2
- package/core/field-radio-group.js +2 -2
- package/core/mention.js +2 -2
- package/core/story.js +2 -2
- package/core/video-skip-backward-fifteen.js +2 -2
- package/core/video-skip-backward-ten.js +2 -2
- package/core/video-skip-forward-fifteen.js +2 -2
- package/core/video-skip-forward-ten.js +2 -2
- package/dist/cjs/components/icon-new.js +2 -0
- package/dist/cjs/components/icon.js +1 -0
- package/dist/es2019/components/icon-new.js +2 -0
- package/dist/es2019/components/icon.js +1 -0
- package/dist/esm/components/icon-new.js +2 -0
- package/dist/esm/components/icon.js +1 -0
- package/package.json +2 -2
- package/tsconfig.json +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/icon
|
|
2
2
|
|
|
3
|
+
## 23.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#100878](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100878)
|
|
8
|
+
[`435ae22dc9289`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/435ae22dc9289) -
|
|
9
|
+
This release updates icons in `@atlaskit/icon`.
|
|
10
|
+
|
|
11
|
+
**`@atlaskit/icon/core`**
|
|
12
|
+
|
|
13
|
+
- 'discovery'
|
|
14
|
+
- 'field-radio-group'
|
|
15
|
+
- 'mention'
|
|
16
|
+
- 'story'
|
|
17
|
+
- 'video-skip-backward-fifteen'
|
|
18
|
+
- 'video-skip-backward-ten'
|
|
19
|
+
- 'video-skip-forward-fifteen'
|
|
20
|
+
- 'video-skip-forward-ten'
|
|
21
|
+
|
|
3
22
|
## 23.1.1
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
package/build/index.tsx
CHANGED
|
@@ -18,115 +18,122 @@ import legacyMetadata from '../src/metadata';
|
|
|
18
18
|
import migrationMap from '../src/migration-map';
|
|
19
19
|
import synonyms from '../utils/synonyms';
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
};
|
|
45
|
-
buildIcons(config).then((icons) => {
|
|
46
|
-
const iconDocs = createIconDocs(icons, '@atlaskit/icon', synonyms, ['icon', 'core']);
|
|
47
|
-
return fs.outputFile(path.resolve(root, 'src/metadata.tsx'), iconDocs);
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* The updated icon build process for the new icons under `@atlaskit/icon/core/*`
|
|
52
|
-
*/
|
|
53
|
-
const configCore: NewIconBuildConfig = {
|
|
54
|
-
srcDir: path.resolve(root, 'icons_raw/core'),
|
|
55
|
-
processedDir: path.resolve(root, 'icons_optimised/core'),
|
|
56
|
-
destDir: path.resolve(root, 'core'),
|
|
57
|
-
maxWidth: 24,
|
|
58
|
-
maxHeight: 24,
|
|
59
|
-
glob: '**/*.svg',
|
|
60
|
-
packageName: '@atlaskit/icon',
|
|
61
|
-
baseIconEntryPoint: '@atlaskit/icon/base-new',
|
|
62
|
-
iconType: 'core',
|
|
63
|
-
metadata: coreIconMetadata,
|
|
64
|
-
legacyMetadata: legacyMetadata,
|
|
65
|
-
migrationMap: migrationMap,
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
buildIconsNew(configCore).then((icons) => {
|
|
69
|
-
const iconDocs = createIconDocsNew(
|
|
70
|
-
icons,
|
|
71
|
-
'@atlaskit/icon',
|
|
72
|
-
'core',
|
|
73
|
-
synonyms,
|
|
74
|
-
['icon', 'core'],
|
|
75
|
-
coreIconMetadata,
|
|
76
|
-
migrationMap,
|
|
77
|
-
);
|
|
78
|
-
|
|
79
|
-
fs.outputFile(path.resolve(root, 'src/metadata-core.tsx'), iconDocs);
|
|
80
|
-
|
|
81
|
-
const deprecatedDocs = createDeprecatedIconDocs(
|
|
82
|
-
icons,
|
|
83
|
-
'@atlaskit/icon',
|
|
84
|
-
'core',
|
|
85
|
-
coreIconMetadata,
|
|
21
|
+
async function main() {
|
|
22
|
+
const root = pkgDir.sync();
|
|
23
|
+
|
|
24
|
+
if (!root) {
|
|
25
|
+
throw new Error('Root directory was not found');
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* The legacy icon build process. A past SVGO update disabled this process and slightly changed the SVG output.
|
|
30
|
+
* Re-running this step re-generates all icons and triggers a large number of platform/product snapshot tests.
|
|
31
|
+
*
|
|
32
|
+
* To avoid unnecessary churn, this step is switched off, and any updates to the old icon set can be done piecemeal.
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
const config: IconBuildConfig = {
|
|
36
|
+
srcDir: path.resolve(root, 'svgs_raw'),
|
|
37
|
+
processedDir: path.resolve(root, 'svgs'),
|
|
38
|
+
destDir: path.resolve(root, 'glyph'),
|
|
39
|
+
maxWidth: 24,
|
|
40
|
+
maxHeight: 24,
|
|
41
|
+
glob: '**/*.svg',
|
|
42
|
+
baseIconEntryPoint: '@atlaskit/icon/base',
|
|
43
|
+
newIconsDir: path.resolve(root, 'icons_raw'),
|
|
86
44
|
migrationMap,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
45
|
+
};
|
|
46
|
+
await buildIcons(config).then((icons) => {
|
|
47
|
+
const iconDocs = createIconDocs(icons, '@atlaskit/icon', synonyms, ['icon', 'core']);
|
|
48
|
+
return fs.outputFile(path.resolve(root, 'src/metadata.tsx'), iconDocs);
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* The updated icon build process for the new icons under `@atlaskit/icon/core/*`
|
|
53
|
+
*/
|
|
54
|
+
const configCore: NewIconBuildConfig = {
|
|
55
|
+
srcDir: path.resolve(root, 'icons_raw/core'),
|
|
56
|
+
processedDir: path.resolve(root, 'icons_optimised/core'),
|
|
57
|
+
destDir: path.resolve(root, 'core'),
|
|
58
|
+
maxWidth: 24,
|
|
59
|
+
maxHeight: 24,
|
|
60
|
+
glob: '**/*.svg',
|
|
61
|
+
packageName: '@atlaskit/icon',
|
|
62
|
+
baseIconEntryPoint: '@atlaskit/icon/base-new',
|
|
63
|
+
iconType: 'core',
|
|
64
|
+
metadata: coreIconMetadata,
|
|
65
|
+
legacyMetadata: legacyMetadata,
|
|
66
|
+
migrationMap: migrationMap,
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
await buildIconsNew(configCore).then((icons) => {
|
|
70
|
+
const iconDocs = createIconDocsNew(
|
|
71
|
+
icons,
|
|
72
|
+
'@atlaskit/icon',
|
|
73
|
+
'core',
|
|
74
|
+
synonyms,
|
|
75
|
+
['icon', 'core'],
|
|
76
|
+
coreIconMetadata,
|
|
77
|
+
migrationMap,
|
|
78
|
+
);
|
|
79
|
+
|
|
80
|
+
fs.outputFile(path.resolve(root, 'src/metadata-core.tsx'), iconDocs);
|
|
81
|
+
|
|
82
|
+
const deprecatedDocs = createDeprecatedIconDocs(
|
|
83
|
+
icons,
|
|
84
|
+
'@atlaskit/icon',
|
|
85
|
+
'core',
|
|
86
|
+
coreIconMetadata,
|
|
87
|
+
migrationMap,
|
|
88
|
+
);
|
|
89
|
+
|
|
90
|
+
fs.outputFile(path.resolve(root, 'src/deprecated-core.tsx'), deprecatedDocs);
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* The updated icon build process for the new icons under `@atlaskit/icon/utility/*`
|
|
95
|
+
*/
|
|
96
|
+
const configUtility: NewIconBuildConfig = {
|
|
97
|
+
srcDir: path.resolve(root, 'icons_raw/utility'),
|
|
98
|
+
processedDir: path.resolve(root, 'icons_optimised/utility'),
|
|
99
|
+
destDir: path.resolve(root, 'utility'),
|
|
100
|
+
maxWidth: 12,
|
|
101
|
+
maxHeight: 12,
|
|
102
|
+
glob: '**/*.svg',
|
|
103
|
+
packageName: '@atlaskit/icon',
|
|
104
|
+
baseIconEntryPoint: '@atlaskit/icon/base-new',
|
|
105
|
+
iconType: 'utility',
|
|
106
|
+
metadata: utilityIconMetadata,
|
|
107
|
+
legacyMetadata: legacyMetadata,
|
|
108
|
+
migrationMap: migrationMap,
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
await buildIconsNew(configUtility).then((icons) => {
|
|
112
|
+
const iconDocs = createIconDocsNew(
|
|
113
|
+
icons,
|
|
114
|
+
'@atlaskit/icon',
|
|
115
|
+
'utility',
|
|
116
|
+
synonyms,
|
|
117
|
+
['icon', 'utility'],
|
|
118
|
+
utilityIconMetadata,
|
|
119
|
+
migrationMap,
|
|
120
|
+
);
|
|
121
|
+
|
|
122
|
+
fs.outputFile(path.resolve(root, 'src/metadata-utility.tsx'), iconDocs);
|
|
123
|
+
|
|
124
|
+
const deprecatedDocs = createDeprecatedIconDocs(
|
|
125
|
+
icons,
|
|
126
|
+
'@atlaskit/icon',
|
|
127
|
+
'utility',
|
|
128
|
+
utilityIconMetadata,
|
|
129
|
+
migrationMap,
|
|
130
|
+
);
|
|
131
|
+
|
|
132
|
+
fs.outputFile(path.resolve(root, 'src/deprecated-utility.tsx'), deprecatedDocs);
|
|
133
|
+
});
|
|
134
|
+
}
|
|
130
135
|
|
|
131
|
-
|
|
136
|
+
main().catch((error) => {
|
|
137
|
+
console.error(error);
|
|
138
|
+
process.exit(1);
|
|
132
139
|
});
|
package/core/discovery.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::0bbfe81f147120090325e09b8113563c>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const DiscoveryIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M3 1h10a2 2 0 0 1 2 2v6h-4.75C9.56 9 9 9.56 9 10.25V15H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2m7.5 10.25a.75.75 0 0 1 .75-.75h3.81l-4.56 4.
|
|
27
|
+
dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M3 1h10a2 2 0 0 1 2 2v6h-4.75C9.56 9 9 9.56 9 10.25V15H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2m7.5 10.25a.75.75 0 0 1 .75-.75h3.81l-4.56 4.56zM4 9h3V7.5H4zm7-3.5H4V4h7z" clip-rule="evenodd"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
DiscoveryIcon.displayName = 'DiscoveryIcon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::3e00422afbbc9ee88e21dbb2bd3e31fd>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const FieldRadioGroupIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M8 4.5h7m-7
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M8 4.5h7m-7 7h7"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
FieldRadioGroupIcon.displayName = 'FieldRadioGroupIcon';
|
package/core/mention.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::332ef921f26258001db92116f0509a7c>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const MentionIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-width="1.5" d="M11.625 14.28A7.25 7.25 0 1 1 15.25 8c0 1.381-.932 3.107-2.59 3.107-1.656 0-1.782-1.976-1.782-3.357l.005-.125m0 0c.022-1.019-.42-1.956-1.258-2.44-1.315-.759-3.11-.114-4.007 1.44s-.558 3.43.757 4.19c1.315.759 3.11.115 4.007-1.44a3.7 3.7 0 0 0 .5-1.75Z"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
MentionIcon.displayName = 'MentionIcon';
|
package/core/story.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::43c5215616046ea6020cf66bbbdcf623>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const StoryIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-width="1.5" d="M3.
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-width="1.5" d="M3.733 14.174V3c0-.69.56-1.25 1.25-1.25h6.035c.69 0 1.25.56 1.25 1.25v11.202c0 .02-.023.032-.04.02L8 11.25l-4.228 2.972a.025.025 0 0 1-.04-.02v-.05"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
StoryIcon.displayName = 'StoryIcon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::13c5287fc42138b2c8778a166461080a>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const VideoSkipBackwardFifteenIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<
|
|
27
|
+
dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M1.141 14.794V13.49h1.492v-3.38l-1.508 1.118v-1.57l1.472-1.033h1.502v4.865h1.184v1.304z" clip-rule="evenodd"/><path fill="currentcolor" d="M9.39 14.38c.38-.34.56-.8.56-1.37v-.58c0-.54-.14-.98-.44-1.29-.29-.32-.7-.48-1.21-.48-.35 0-.64.08-.86.24a1 1 0 0 0-.07.06l.01-.76v-.23h2.35V8.63H5.95v3.49h1.36l.04-.05a.4.4 0 0 1 .19-.14.9.9 0 0 1 .33-.06c.23 0 .37.06.47.14.09.08.15.21.15.41V13c0 .19-.06.32-.16.42-.09.09-.24.14-.46.14-.2 0-.34-.04-.44-.12a.44.44 0 0 1-.16-.33l-.01-.12H5.81v.13c.01.53.2.96.58 1.28s.87.47 1.48.47c.63 0 1.14-.16 1.52-.49m3.1-10.87-.53.53zM4 3.51l.53.53zM1.75 5.75H1c0 .41.34.75.75.75zm11.27 6.77a6.75 6.75 0 0 0 0-9.55l-1.06 1.06a5.25 5.25 0 0 1 0 7.43zm0-9.55a6.75 6.75 0 0 0-9.55 0l1.06 1.06a5.25 5.25 0 0 1 7.43 0zm-9.55 0-2 2.01 1.06 1.06 2.01-2.01zM1.75 6.5H5.5V5H1.75zm.75-.75V2H1v3.75z"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
VideoSkipBackwardFifteenIcon.displayName = 'VideoSkipBackwardFifteenIcon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::af79ddf7795e95b15096b71f03caa724>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const VideoSkipBackwardTenIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<
|
|
27
|
+
dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M6.814 14.645a1.8 1.8 0 0 1-.707-.663l-.002-.002a1.97 1.97 0 0 1-.243-.99v-2.48q-.001-.557.244-.983.255-.433.71-.664.455-.239 1.052-.238.605-.001 1.054.238.454.232.7.664.254.426.253.983v2.48q0 .558-.252.991a1.7 1.7 0 0 1-.7.664h-.001q-.45.231-1.046.23-.604.001-1.06-.23zm1.543-1.22c.11-.1.17-.24.17-.435v-2.48c0-.195-.06-.335-.17-.435l-.002-.002c-.106-.1-.262-.158-.487-.158-.223 0-.383.058-.495.159-.105.1-.164.24-.164.436v2.48c0 .195.06.335.171.435.113.102.27.16.488.16.225 0 .38-.058.487-.158zm-7.216 1.37v-1.33h1.442v-3.172l-1.458 1.072v-1.64l1.426-1.02h1.458v4.76h1.145v1.33z" clip-rule="evenodd"/><path fill="currentcolor" d="m4.007 3.507-.53-.53zM1.75 5.75H1c0 .414.336.75.75.75zm11.273 6.773a6.75 6.75 0 0 0 0-9.546l-1.061 1.06a5.25 5.25 0 0 1 0 7.425zm0-9.546a6.75 6.75 0 0 0-9.546 0l1.06 1.06a5.25 5.25 0 0 1 7.425 0zm-9.546 0L1.469 4.984l1.06 1.061 2.008-2.007zM1.75 6.5H5.5V5H1.75zm.75-.75V2H1v3.75z"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
VideoSkipBackwardTenIcon.displayName = 'VideoSkipBackwardTenIcon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::aa69526b0893285d5a8640b5594aa986>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const VideoSkipForwardFifteenIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<
|
|
27
|
+
dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M6.141 14.794V13.49h1.492v-3.38l-1.508 1.118v-1.57l1.472-1.033h1.502v4.865h1.184v1.304z" clip-rule="evenodd"/><path fill="currentcolor" d="M14.39 14.38c.38-.34.56-.8.56-1.37v-.58c0-.54-.14-.98-.44-1.29-.29-.32-.7-.48-1.21-.48-.35 0-.64.08-.86.24a1 1 0 0 0-.07.06l.01-.76v-.23h2.35V8.63h-3.78v3.49h1.36l.04-.05a.4.4 0 0 1 .19-.14.9.9 0 0 1 .33-.06c.23 0 .37.06.47.14.09.08.15.21.15.41V13c0 .19-.06.32-.16.42-.09.09-.24.14-.46.14-.2 0-.34-.04-.44-.12a.44.44 0 0 1-.16-.33l-.01-.12h-1.45v.13c.01.53.2.96.58 1.28s.87.47 1.48.47c.63 0 1.14-.16 1.52-.49M3.51 3.51l.53.53zm10.74 2.24v.75a.75.75 0 0 0 .75-.75zM4.04 11.46a5.25 5.25 0 0 1 0-7.42L2.98 2.98a6.75 6.75 0 0 0 0 9.55zm0-7.42a5.25 5.25 0 0 1 7.42 0l1.06-1.06a6.75 6.75 0 0 0-9.55 0zm7.42 0 2.01 2.01 1.06-1.06-2.01-2.01zm2.79.96H10.5v1.5h3.75zm.75.75V2h-1.5v3.75z"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
VideoSkipForwardFifteenIcon.displayName = 'VideoSkipForwardFifteenIcon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::be8882448777a641fc6106db0bf3ce63>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const VideoSkipForwardTenIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<
|
|
27
|
+
dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M11.814 14.645a1.8 1.8 0 0 1-.707-.663l-.002-.002a1.97 1.97 0 0 1-.243-.99v-2.48q-.001-.557.244-.983.255-.433.709-.664.456-.239 1.053-.238.605-.001 1.054.238.454.232.7.664.254.426.253.983v2.48q0 .558-.252.991a1.7 1.7 0 0 1-.7.664h-.001q-.45.231-1.046.23-.604.001-1.06-.23zm1.543-1.22c.11-.1.17-.24.17-.435v-2.48c0-.195-.06-.335-.17-.435l-.002-.002c-.106-.1-.263-.158-.487-.158s-.383.058-.495.159c-.105.1-.164.24-.164.436v2.48c0 .195.06.335.171.435.113.102.27.16.488.16.224 0 .38-.058.487-.158zm-7.216 1.37v-1.33h1.442v-3.172l-1.458 1.072v-1.64l1.426-1.02h1.458v4.76h1.145v1.33z" clip-rule="evenodd"/><path fill="currentcolor" d="M14.25 5.75v.75a.75.75 0 0 0 .75-.75zM3.507 3.507l-.53-.53zm8.486 0 .53-.53zM14.25 5H10.5v1.5h3.75zm.75.75V2h-1.5v3.75zM4.038 11.462a5.25 5.25 0 0 1 0-7.424L2.977 2.977a6.75 6.75 0 0 0 0 9.546zm0-7.424a5.25 5.25 0 0 1 7.424 0l1.06-1.061a6.75 6.75 0 0 0-9.545 0zm7.424 0 2.008 2.007 1.06-1.06-2.007-2.008z"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
VideoSkipForwardTenIcon.displayName = 'VideoSkipForwardTenIcon';
|
|
@@ -40,11 +40,13 @@ var iconStyles = (0, _react2.css)({
|
|
|
40
40
|
display: 'inline-block',
|
|
41
41
|
boxSizing: 'border-box',
|
|
42
42
|
flexShrink: 0,
|
|
43
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
43
44
|
lineHeight: 1,
|
|
44
45
|
paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
|
|
45
46
|
paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
|
|
46
47
|
});
|
|
47
48
|
var utilityIconStyles = (0, _react2.css)({
|
|
49
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
48
50
|
lineHeight: "var(--ds-space-150, 12px)"
|
|
49
51
|
});
|
|
50
52
|
var scaleStyles = (0, _react2.css)({
|
|
@@ -24,6 +24,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
24
24
|
var iconStyles = (0, _react2.css)({
|
|
25
25
|
display: 'inline-block',
|
|
26
26
|
flexShrink: 0,
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
27
28
|
lineHeight: 1,
|
|
28
29
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
29
30
|
'> svg': _objectSpread(_objectSpread({}, _styles.commonSVGStyles), {}, {
|
|
@@ -34,11 +34,13 @@ const iconStyles = css({
|
|
|
34
34
|
display: 'inline-block',
|
|
35
35
|
boxSizing: 'border-box',
|
|
36
36
|
flexShrink: 0,
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
37
38
|
lineHeight: 1,
|
|
38
39
|
paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
|
|
39
40
|
paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
|
|
40
41
|
});
|
|
41
42
|
const utilityIconStyles = css({
|
|
43
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
42
44
|
lineHeight: "var(--ds-space-150, 12px)"
|
|
43
45
|
});
|
|
44
46
|
const scaleStyles = css({
|
|
@@ -18,6 +18,7 @@ import { getBackground } from './utils';
|
|
|
18
18
|
const iconStyles = css({
|
|
19
19
|
display: 'inline-block',
|
|
20
20
|
flexShrink: 0,
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
21
22
|
lineHeight: 1,
|
|
22
23
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
23
24
|
'> svg': {
|
|
@@ -34,11 +34,13 @@ var iconStyles = css({
|
|
|
34
34
|
display: 'inline-block',
|
|
35
35
|
boxSizing: 'border-box',
|
|
36
36
|
flexShrink: 0,
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
37
38
|
lineHeight: 1,
|
|
38
39
|
paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
|
|
39
40
|
paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
|
|
40
41
|
});
|
|
41
42
|
var utilityIconStyles = css({
|
|
43
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
42
44
|
lineHeight: "var(--ds-space-150, 12px)"
|
|
43
45
|
});
|
|
44
46
|
var scaleStyles = css({
|
|
@@ -21,6 +21,7 @@ import { getBackground } from './utils';
|
|
|
21
21
|
var iconStyles = css({
|
|
22
22
|
display: 'inline-block',
|
|
23
23
|
flexShrink: 0,
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
24
25
|
lineHeight: 1,
|
|
25
26
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
26
27
|
'> svg': _objectSpread(_objectSpread({}, commonSVGStyles), {}, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/icon",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.2.0",
|
|
4
4
|
"description": "An icon is a symbol representing a command, device, directory, or common action.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"@atlaskit/code": "^15.6.0",
|
|
84
84
|
"@atlaskit/ds-lib": "^3.3.0",
|
|
85
85
|
"@atlaskit/heading": "^4.0.0",
|
|
86
|
-
"@atlaskit/link": "^
|
|
86
|
+
"@atlaskit/link": "^2.0.0",
|
|
87
87
|
"@atlaskit/logo": "^15.1.0",
|
|
88
88
|
"@atlaskit/menu": "^2.13.5",
|
|
89
89
|
"@atlaskit/primitives": "^13.3.0",
|