@atlaskit/editor-common 93.5.2 → 93.6.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 (99) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/cjs/card/LinkToolbarButtonGroup.js +8 -4
  3. package/dist/cjs/card/link-toolbar-button-group-options.js +16 -5
  4. package/dist/cjs/card/ui/assets/card.js +2 -0
  5. package/dist/cjs/card/ui/assets/embed.js +2 -0
  6. package/dist/cjs/card/ui/assets/inline.js +2 -0
  7. package/dist/cjs/card/ui/assets/url.js +2 -0
  8. package/dist/cjs/media-single/CommentBadge.js +6 -2
  9. package/dist/cjs/media-single/CommentBadgeNext.js +6 -2
  10. package/dist/cjs/messages/insert-block.js +20 -0
  11. package/dist/cjs/monitoring/error.js +1 -1
  12. package/dist/cjs/provider-factory/provider-factory.js +1 -0
  13. package/dist/cjs/provider-factory/with-providers.js +29 -8
  14. package/dist/cjs/quick-insert/assets/five-column-layout.js +173 -0
  15. package/dist/cjs/quick-insert/assets/four-column-layout.js +158 -0
  16. package/dist/cjs/quick-insert/assets/index.js +61 -1
  17. package/dist/cjs/quick-insert/assets/one-column-layout.js +109 -0
  18. package/dist/cjs/quick-insert/assets/three-column-layout.js +150 -0
  19. package/dist/cjs/quick-insert/assets/two-column-layout.js +128 -0
  20. package/dist/cjs/quick-insert/index.js +30 -0
  21. package/dist/cjs/ui/DropList/index.js +1 -1
  22. package/dist/cjs/ui-menu/ColorPickerButton/index.js +1 -0
  23. package/dist/es2019/card/LinkToolbarButtonGroup.js +24 -18
  24. package/dist/es2019/card/link-toolbar-button-group-options.js +15 -5
  25. package/dist/es2019/card/ui/assets/card.js +1 -0
  26. package/dist/es2019/card/ui/assets/embed.js +1 -0
  27. package/dist/es2019/card/ui/assets/inline.js +1 -0
  28. package/dist/es2019/card/ui/assets/url.js +1 -0
  29. package/dist/es2019/media-single/CommentBadge.js +6 -2
  30. package/dist/es2019/media-single/CommentBadgeNext.js +6 -2
  31. package/dist/es2019/messages/insert-block.js +20 -0
  32. package/dist/es2019/monitoring/error.js +1 -1
  33. package/dist/es2019/provider-factory/provider-factory.js +1 -0
  34. package/dist/es2019/provider-factory/with-providers.js +28 -8
  35. package/dist/es2019/quick-insert/assets/five-column-layout.js +167 -0
  36. package/dist/es2019/quick-insert/assets/four-column-layout.js +152 -0
  37. package/dist/es2019/quick-insert/assets/index.js +20 -0
  38. package/dist/es2019/quick-insert/assets/one-column-layout.js +103 -0
  39. package/dist/es2019/quick-insert/assets/three-column-layout.js +144 -0
  40. package/dist/es2019/quick-insert/assets/two-column-layout.js +122 -0
  41. package/dist/es2019/quick-insert/index.js +1 -1
  42. package/dist/es2019/ui/DropList/index.js +1 -1
  43. package/dist/es2019/ui-menu/ColorPickerButton/index.js +1 -0
  44. package/dist/esm/card/LinkToolbarButtonGroup.js +8 -4
  45. package/dist/esm/card/link-toolbar-button-group-options.js +15 -5
  46. package/dist/esm/card/ui/assets/card.js +1 -0
  47. package/dist/esm/card/ui/assets/embed.js +1 -0
  48. package/dist/esm/card/ui/assets/inline.js +1 -0
  49. package/dist/esm/card/ui/assets/url.js +1 -0
  50. package/dist/esm/media-single/CommentBadge.js +6 -2
  51. package/dist/esm/media-single/CommentBadgeNext.js +6 -2
  52. package/dist/esm/messages/insert-block.js +20 -0
  53. package/dist/esm/monitoring/error.js +1 -1
  54. package/dist/esm/provider-factory/provider-factory.js +1 -0
  55. package/dist/esm/provider-factory/with-providers.js +29 -7
  56. package/dist/esm/quick-insert/assets/five-column-layout.js +166 -0
  57. package/dist/esm/quick-insert/assets/four-column-layout.js +151 -0
  58. package/dist/esm/quick-insert/assets/index.js +50 -0
  59. package/dist/esm/quick-insert/assets/one-column-layout.js +102 -0
  60. package/dist/esm/quick-insert/assets/three-column-layout.js +143 -0
  61. package/dist/esm/quick-insert/assets/two-column-layout.js +121 -0
  62. package/dist/esm/quick-insert/index.js +1 -1
  63. package/dist/esm/ui/DropList/index.js +1 -1
  64. package/dist/esm/ui-menu/ColorPickerButton/index.js +1 -0
  65. package/dist/types/card/LinkToolbarButtonGroup.d.ts +3 -2
  66. package/dist/types/card/cardOptions.d.ts +74 -0
  67. package/dist/types/card/ui/assets/card.d.ts +2 -2
  68. package/dist/types/card/ui/assets/embed.d.ts +2 -2
  69. package/dist/types/card/ui/assets/inline.d.ts +2 -2
  70. package/dist/types/card/ui/assets/url.d.ts +2 -2
  71. package/dist/types/messages/insert-block.d.ts +20 -0
  72. package/dist/types/provider-factory/provider-factory.d.ts +1 -1
  73. package/dist/types/provider-factory/quick-insert-provider.d.ts +1 -1
  74. package/dist/types/provider-factory/with-providers.d.ts +6 -3
  75. package/dist/types/quick-insert/assets/five-column-layout.d.ts +2 -0
  76. package/dist/types/quick-insert/assets/four-column-layout.d.ts +2 -0
  77. package/dist/types/quick-insert/assets/index.d.ts +5 -0
  78. package/dist/types/quick-insert/assets/one-column-layout.d.ts +2 -0
  79. package/dist/types/quick-insert/assets/three-column-layout.d.ts +2 -0
  80. package/dist/types/quick-insert/assets/two-column-layout.d.ts +2 -0
  81. package/dist/types/quick-insert/index.d.ts +1 -1
  82. package/dist/types-ts4.5/card/LinkToolbarButtonGroup.d.ts +3 -2
  83. package/dist/types-ts4.5/card/cardOptions.d.ts +74 -0
  84. package/dist/types-ts4.5/card/ui/assets/card.d.ts +2 -2
  85. package/dist/types-ts4.5/card/ui/assets/embed.d.ts +2 -2
  86. package/dist/types-ts4.5/card/ui/assets/inline.d.ts +2 -2
  87. package/dist/types-ts4.5/card/ui/assets/url.d.ts +2 -2
  88. package/dist/types-ts4.5/messages/insert-block.d.ts +20 -0
  89. package/dist/types-ts4.5/provider-factory/provider-factory.d.ts +1 -1
  90. package/dist/types-ts4.5/provider-factory/quick-insert-provider.d.ts +1 -1
  91. package/dist/types-ts4.5/provider-factory/with-providers.d.ts +6 -3
  92. package/dist/types-ts4.5/quick-insert/assets/five-column-layout.d.ts +2 -0
  93. package/dist/types-ts4.5/quick-insert/assets/four-column-layout.d.ts +2 -0
  94. package/dist/types-ts4.5/quick-insert/assets/index.d.ts +5 -0
  95. package/dist/types-ts4.5/quick-insert/assets/one-column-layout.d.ts +2 -0
  96. package/dist/types-ts4.5/quick-insert/assets/three-column-layout.d.ts +2 -0
  97. package/dist/types-ts4.5/quick-insert/assets/two-column-layout.d.ts +2 -0
  98. package/dist/types-ts4.5/quick-insert/index.d.ts +1 -1
  99. package/package.json +5 -5
@@ -0,0 +1,166 @@
1
+ import React from 'react';
2
+ import { useIconThemed } from '../use-icon-themed';
3
+ export default function OneColumnLayoutIcon() {
4
+ var _useIconThemed = useIconThemed(),
5
+ iconThemed = _useIconThemed.iconThemed;
6
+ return /*#__PURE__*/React.createElement("svg", {
7
+ focusable: "false",
8
+ "aria-hidden": true,
9
+ width: "40",
10
+ height: "40",
11
+ viewBox: "0 0 40 40",
12
+ fill: "none",
13
+ xmlns: "http://www.w3.org/2000/svg"
14
+ }, /*#__PURE__*/React.createElement("g", {
15
+ clipPath: "url(#clip0_5808_5176)"
16
+ }, /*#__PURE__*/React.createElement("rect", {
17
+ width: "40",
18
+ height: "40",
19
+ rx: "3",
20
+ fill: iconThemed({
21
+ light: '#FFF',
22
+ dark: '#161A1D'
23
+ })
24
+ }), /*#__PURE__*/React.createElement("rect", {
25
+ width: "40",
26
+ height: "40",
27
+ rx: "3",
28
+ fill: iconThemed({
29
+ light: '#FFF',
30
+ dark: '#161A1D'
31
+ })
32
+ }), /*#__PURE__*/React.createElement("rect", {
33
+ x: "0.5",
34
+ y: "0.5",
35
+ width: "39",
36
+ height: "39",
37
+ rx: "2.5",
38
+ stroke: "var(--ds-border, #091E42)",
39
+ strokeOpacity: "0.14"
40
+ })), /*#__PURE__*/React.createElement("rect", {
41
+ x: "6",
42
+ y: "6",
43
+ width: "28",
44
+ height: "1",
45
+ rx: "0.5",
46
+ fill: iconThemed({
47
+ light: '#A5ADBA',
48
+ dark: '#738496'
49
+ })
50
+ }), /*#__PURE__*/React.createElement("rect", {
51
+ x: "6",
52
+ y: "10",
53
+ width: "28",
54
+ height: "1",
55
+ rx: "0.5",
56
+ fill: iconThemed({
57
+ light: '#A5ADBA',
58
+ dark: '#738496'
59
+ })
60
+ }), /*#__PURE__*/React.createElement("rect", {
61
+ x: "6",
62
+ y: "29",
63
+ width: "28",
64
+ height: "1",
65
+ rx: "0.5",
66
+ fill: iconThemed({
67
+ light: '#A5ADBA',
68
+ dark: '#738496'
69
+ })
70
+ }), /*#__PURE__*/React.createElement("rect", {
71
+ x: "6",
72
+ y: "33",
73
+ width: "16",
74
+ height: "1",
75
+ rx: "0.5",
76
+ fill: iconThemed({
77
+ light: '#A5ADBA',
78
+ dark: '#738496'
79
+ })
80
+ }), /*#__PURE__*/React.createElement("rect", {
81
+ x: "6.25",
82
+ y: "14.25",
83
+ width: "3.5",
84
+ height: "11.5",
85
+ rx: "0.75",
86
+ fill: iconThemed({
87
+ light: '#DEEBFF',
88
+ dark: '#09326C'
89
+ }),
90
+ stroke: iconThemed({
91
+ light: '#4C9AFF',
92
+ dark: '#0C66E4'
93
+ }),
94
+ strokeWidth: "0.5"
95
+ }), /*#__PURE__*/React.createElement("rect", {
96
+ x: "12.25",
97
+ y: "14.25",
98
+ width: "3.5",
99
+ height: "11.5",
100
+ rx: "0.75",
101
+ fill: iconThemed({
102
+ light: '#DEEBFF',
103
+ dark: '#09326C'
104
+ }),
105
+ stroke: iconThemed({
106
+ light: '#4C9AFF',
107
+ dark: '#0C66E4'
108
+ }),
109
+ strokeWidth: "0.5"
110
+ }), /*#__PURE__*/React.createElement("rect", {
111
+ x: "18.25",
112
+ y: "14.25",
113
+ width: "3.5",
114
+ height: "11.5",
115
+ rx: "0.75",
116
+ fill: iconThemed({
117
+ light: '#DEEBFF',
118
+ dark: '#09326C'
119
+ }),
120
+ stroke: iconThemed({
121
+ light: '#4C9AFF',
122
+ dark: '#0C66E4'
123
+ }),
124
+ strokeWidth: "0.5"
125
+ }), /*#__PURE__*/React.createElement("rect", {
126
+ x: "24.25",
127
+ y: "14.25",
128
+ width: "3.5",
129
+ height: "11.5",
130
+ rx: "0.75",
131
+ fill: iconThemed({
132
+ light: '#DEEBFF',
133
+ dark: '#09326C'
134
+ }),
135
+ stroke: iconThemed({
136
+ light: '#4C9AFF',
137
+ dark: '#0C66E4'
138
+ }),
139
+ strokeWidth: "0.5"
140
+ }), /*#__PURE__*/React.createElement("rect", {
141
+ x: "30.25",
142
+ y: "14.25",
143
+ width: "3.5",
144
+ height: "11.5",
145
+ rx: "0.75",
146
+ fill: iconThemed({
147
+ light: '#DEEBFF',
148
+ dark: '#09326C'
149
+ }),
150
+ stroke: iconThemed({
151
+ light: '#4C9AFF',
152
+ dark: '#0C66E4'
153
+ }),
154
+ strokeWidth: "0.5"
155
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
156
+ id: "clip0_5808_5176"
157
+ }, /*#__PURE__*/React.createElement("rect", {
158
+ width: "40",
159
+ height: "40",
160
+ rx: "3",
161
+ fill: iconThemed({
162
+ light: '#FFF',
163
+ dark: '#161A1D'
164
+ })
165
+ }))));
166
+ }
@@ -0,0 +1,151 @@
1
+ import React from 'react';
2
+ import { useIconThemed } from '../use-icon-themed';
3
+ export default function OneColumnLayoutIcon() {
4
+ var _useIconThemed = useIconThemed(),
5
+ iconThemed = _useIconThemed.iconThemed;
6
+ return /*#__PURE__*/React.createElement("svg", {
7
+ focusable: "false",
8
+ "aria-hidden": true,
9
+ width: "40",
10
+ height: "40",
11
+ viewBox: "0 0 40 40",
12
+ fill: "none",
13
+ xmlns: "http://www.w3.org/2000/svg"
14
+ }, /*#__PURE__*/React.createElement("g", {
15
+ clipPath: "url(#clip0_5808_7157)"
16
+ }, /*#__PURE__*/React.createElement("rect", {
17
+ width: "40",
18
+ height: "40",
19
+ rx: "3",
20
+ fill: iconThemed({
21
+ light: '#FFF',
22
+ dark: '#161A1D'
23
+ })
24
+ }), /*#__PURE__*/React.createElement("rect", {
25
+ width: "40",
26
+ height: "40",
27
+ rx: "3",
28
+ fill: iconThemed({
29
+ light: '#FFF',
30
+ dark: '#161A1D'
31
+ })
32
+ }), /*#__PURE__*/React.createElement("rect", {
33
+ x: "0.5",
34
+ y: "0.5",
35
+ width: "39",
36
+ height: "39",
37
+ rx: "2.5",
38
+ stroke: "var(--ds-border, #091E42)",
39
+ strokeOpacity: "0.14"
40
+ })), /*#__PURE__*/React.createElement("rect", {
41
+ x: "6",
42
+ y: "6",
43
+ width: "28",
44
+ height: "1",
45
+ rx: "0.5",
46
+ fill: iconThemed({
47
+ light: '#A5ADBA',
48
+ dark: '#738496'
49
+ })
50
+ }), /*#__PURE__*/React.createElement("rect", {
51
+ x: "6",
52
+ y: "10",
53
+ width: "28",
54
+ height: "1",
55
+ rx: "0.5",
56
+ fill: iconThemed({
57
+ light: '#A5ADBA',
58
+ dark: '#738496'
59
+ })
60
+ }), /*#__PURE__*/React.createElement("rect", {
61
+ x: "6",
62
+ y: "29",
63
+ width: "28",
64
+ height: "1",
65
+ rx: "0.5",
66
+ fill: iconThemed({
67
+ light: '#A5ADBA',
68
+ dark: '#738496'
69
+ })
70
+ }), /*#__PURE__*/React.createElement("rect", {
71
+ x: "6",
72
+ y: "33",
73
+ width: "16",
74
+ height: "1",
75
+ rx: "0.5",
76
+ fill: iconThemed({
77
+ light: '#A5ADBA',
78
+ dark: '#738496'
79
+ })
80
+ }), /*#__PURE__*/React.createElement("rect", {
81
+ x: "6.25",
82
+ y: "14.25",
83
+ width: "5",
84
+ height: "11.5",
85
+ rx: "0.75",
86
+ fill: iconThemed({
87
+ light: '#DEEBFF',
88
+ dark: '#09326C'
89
+ }),
90
+ stroke: iconThemed({
91
+ light: '#4C9AFF',
92
+ dark: '#0C66E4'
93
+ }),
94
+ strokeWidth: "0.5"
95
+ }), /*#__PURE__*/React.createElement("rect", {
96
+ x: "13.75",
97
+ y: "14.25",
98
+ width: "5",
99
+ height: "11.5",
100
+ rx: "0.75",
101
+ fill: iconThemed({
102
+ light: '#DEEBFF',
103
+ dark: '#09326C'
104
+ }),
105
+ stroke: iconThemed({
106
+ light: '#4C9AFF',
107
+ dark: '#0C66E4'
108
+ }),
109
+ strokeWidth: "0.5"
110
+ }), /*#__PURE__*/React.createElement("rect", {
111
+ x: "21.25",
112
+ y: "14.25",
113
+ width: "5",
114
+ height: "11.5",
115
+ rx: "0.75",
116
+ fill: iconThemed({
117
+ light: '#DEEBFF',
118
+ dark: '#09326C'
119
+ }),
120
+ stroke: iconThemed({
121
+ light: '#4C9AFF',
122
+ dark: '#0C66E4'
123
+ }),
124
+ strokeWidth: "0.5"
125
+ }), /*#__PURE__*/React.createElement("rect", {
126
+ x: "28.75",
127
+ y: "14.25",
128
+ width: "5",
129
+ height: "11.5",
130
+ rx: "0.75",
131
+ fill: iconThemed({
132
+ light: '#DEEBFF',
133
+ dark: '#09326C'
134
+ }),
135
+ stroke: iconThemed({
136
+ light: '#4C9AFF',
137
+ dark: '#0C66E4'
138
+ }),
139
+ strokeWidth: "0.5"
140
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
141
+ id: "clip0_5808_7157"
142
+ }, /*#__PURE__*/React.createElement("rect", {
143
+ width: "40",
144
+ height: "40",
145
+ rx: "3",
146
+ fill: iconThemed({
147
+ light: '#FFF',
148
+ dark: '#161A1D'
149
+ })
150
+ }))));
151
+ }
@@ -194,6 +194,56 @@ export var IconStatus = Loadable({
194
194
  return null;
195
195
  }
196
196
  });
197
+ export var IconOneColumnLayout = Loadable({
198
+ loader: function loader() {
199
+ return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(function (module) {
200
+ return module.default;
201
+ });
202
+ },
203
+ loading: function loading() {
204
+ return null;
205
+ }
206
+ });
207
+ export var IconTwoColumnLayout = Loadable({
208
+ loader: function loader() {
209
+ return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(function (module) {
210
+ return module.default;
211
+ });
212
+ },
213
+ loading: function loading() {
214
+ return null;
215
+ }
216
+ });
217
+ export var IconThreeColumnLayout = Loadable({
218
+ loader: function loader() {
219
+ return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(function (module) {
220
+ return module.default;
221
+ });
222
+ },
223
+ loading: function loading() {
224
+ return null;
225
+ }
226
+ });
227
+ export var IconFourColumnLayout = Loadable({
228
+ loader: function loader() {
229
+ return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(function (module) {
230
+ return module.default;
231
+ });
232
+ },
233
+ loading: function loading() {
234
+ return null;
235
+ }
236
+ });
237
+ export var IconFiveColumnLayout = Loadable({
238
+ loader: function loader() {
239
+ return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(function (module) {
240
+ return module.default;
241
+ });
242
+ },
243
+ loading: function loading() {
244
+ return null;
245
+ }
246
+ });
197
247
  function importHeading(level) {
198
248
  switch (level) {
199
249
  case 1:
@@ -0,0 +1,102 @@
1
+ import React from 'react';
2
+ import { useIconThemed } from '../use-icon-themed';
3
+ export default function OneColumnLayoutIcon() {
4
+ var _useIconThemed = useIconThemed(),
5
+ iconThemed = _useIconThemed.iconThemed;
6
+ return /*#__PURE__*/React.createElement("svg", {
7
+ focusable: "false",
8
+ "aria-hidden": true,
9
+ width: 40,
10
+ height: 40,
11
+ viewBox: "0 0 40 40",
12
+ fill: "none"
13
+ }, /*#__PURE__*/React.createElement("g", {
14
+ clipPath: "url(#clip0_5808_9744)"
15
+ }, /*#__PURE__*/React.createElement("rect", {
16
+ width: "40",
17
+ height: "40",
18
+ rx: "3",
19
+ fill: iconThemed({
20
+ light: '#FFF',
21
+ dark: '#161A1D'
22
+ })
23
+ }), /*#__PURE__*/React.createElement("rect", {
24
+ width: "40",
25
+ height: "40",
26
+ rx: "3",
27
+ fill: iconThemed({
28
+ light: '#FFF',
29
+ dark: '#161A1D'
30
+ })
31
+ }), /*#__PURE__*/React.createElement("rect", {
32
+ x: "0.5",
33
+ y: "0.5",
34
+ width: "39",
35
+ height: "39",
36
+ rx: "2.5",
37
+ stroke: "var(--ds-border, #091E42)",
38
+ strokeOpacity: "0.14"
39
+ })), /*#__PURE__*/React.createElement("rect", {
40
+ x: "6",
41
+ y: "6",
42
+ width: "28",
43
+ height: "1",
44
+ rx: "0.5",
45
+ fill: "#CCE0FF"
46
+ }), /*#__PURE__*/React.createElement("rect", {
47
+ x: "6",
48
+ y: "10",
49
+ width: "28",
50
+ height: "1",
51
+ rx: "0.5",
52
+ fill: iconThemed({
53
+ light: '#FFF',
54
+ dark: '#161A1D'
55
+ })
56
+ }), /*#__PURE__*/React.createElement("rect", {
57
+ x: "6",
58
+ y: "29",
59
+ width: "28",
60
+ height: "1",
61
+ rx: "0.5",
62
+ fill: iconThemed({
63
+ light: '#A5ADBA',
64
+ dark: '#738496'
65
+ })
66
+ }), /*#__PURE__*/React.createElement("rect", {
67
+ x: "6",
68
+ y: "33",
69
+ width: "16",
70
+ height: "1",
71
+ rx: "0.5",
72
+ fill: iconThemed({
73
+ light: '#A5ADBA',
74
+ dark: '#738496'
75
+ })
76
+ }), /*#__PURE__*/React.createElement("rect", {
77
+ x: "6.25",
78
+ y: "14.25",
79
+ width: "27.5",
80
+ height: "11.5",
81
+ rx: "0.75",
82
+ fill: iconThemed({
83
+ light: '#DEEBFF',
84
+ dark: '#09326C'
85
+ }),
86
+ stroke: iconThemed({
87
+ light: '#4C9AFF',
88
+ dark: '#0C66E4'
89
+ }),
90
+ strokeWidth: "0.5"
91
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
92
+ id: "clip0_5808_9744"
93
+ }, /*#__PURE__*/React.createElement("rect", {
94
+ width: "40",
95
+ height: "40",
96
+ rx: "3",
97
+ fill: iconThemed({
98
+ light: '#FFF',
99
+ dark: '#161A1D'
100
+ })
101
+ }))));
102
+ }
@@ -0,0 +1,143 @@
1
+ import React from 'react';
2
+ import { useIconThemed } from '../use-icon-themed';
3
+ export default function ThreeColumnLayoutIcon() {
4
+ var _useIconThemed = useIconThemed(),
5
+ iconThemed = _useIconThemed.iconThemed;
6
+ return /*#__PURE__*/React.createElement("svg", {
7
+ focusable: "false",
8
+ "aria-hidden": true,
9
+ width: "40",
10
+ height: "40",
11
+ viewBox: "0 0 40 40",
12
+ fill: "none",
13
+ xmlns: "http://www.w3.org/2000/svg"
14
+ }, /*#__PURE__*/React.createElement("rect", {
15
+ width: "40",
16
+ height: "40",
17
+ fill: iconThemed({
18
+ light: '#FFF',
19
+ dark: '#161A1D'
20
+ })
21
+ }), /*#__PURE__*/React.createElement("g", {
22
+ clipPath: "url(#clip0_5808_6858)"
23
+ }, /*#__PURE__*/React.createElement("rect", {
24
+ width: "40",
25
+ height: "40",
26
+ rx: "3",
27
+ fill: iconThemed({
28
+ light: '#FFF',
29
+ dark: '#161A1D'
30
+ })
31
+ }), /*#__PURE__*/React.createElement("rect", {
32
+ width: "40",
33
+ height: "40",
34
+ rx: "3",
35
+ fill: iconThemed({
36
+ light: '#FFF',
37
+ dark: '#161A1D'
38
+ })
39
+ }), /*#__PURE__*/React.createElement("rect", {
40
+ x: "0.5",
41
+ y: "0.5",
42
+ width: "39",
43
+ height: "39",
44
+ rx: "2.5",
45
+ stroke: "var(--ds-border, #091E42)",
46
+ strokeOpacity: "0.14"
47
+ })), /*#__PURE__*/React.createElement("rect", {
48
+ x: "6",
49
+ y: "6",
50
+ width: "28",
51
+ height: "1",
52
+ rx: "0.5",
53
+ fill: iconThemed({
54
+ light: '#A5ADBA',
55
+ dark: '#738496'
56
+ })
57
+ }), /*#__PURE__*/React.createElement("rect", {
58
+ x: "6",
59
+ y: "10",
60
+ width: "28",
61
+ height: "1",
62
+ rx: "0.5",
63
+ fill: iconThemed({
64
+ light: '#FFF',
65
+ dark: '#161A1D'
66
+ })
67
+ }), /*#__PURE__*/React.createElement("rect", {
68
+ x: "6",
69
+ y: "29",
70
+ width: "28",
71
+ height: "1",
72
+ rx: "0.5",
73
+ fill: iconThemed({
74
+ light: '#A5ADBA',
75
+ dark: '#738496'
76
+ })
77
+ }), /*#__PURE__*/React.createElement("rect", {
78
+ x: "6",
79
+ y: "33",
80
+ width: "16",
81
+ height: "1",
82
+ rx: "0.5",
83
+ fill: iconThemed({
84
+ light: '#A5ADBA',
85
+ dark: '#738496'
86
+ })
87
+ }), /*#__PURE__*/React.createElement("rect", {
88
+ x: "6.25",
89
+ y: "14.25",
90
+ width: "7.5",
91
+ height: "11.5",
92
+ rx: "0.75",
93
+ fill: iconThemed({
94
+ light: '#DEEBFF',
95
+ dark: '#09326C'
96
+ }),
97
+ stroke: iconThemed({
98
+ light: '#4C9AFF',
99
+ dark: '#0C66E4'
100
+ }),
101
+ strokeWidth: "0.5"
102
+ }), /*#__PURE__*/React.createElement("rect", {
103
+ x: "16.25",
104
+ y: "14.25",
105
+ width: "7.5",
106
+ height: "11.5",
107
+ rx: "0.75",
108
+ fill: iconThemed({
109
+ light: '#DEEBFF',
110
+ dark: '#09326C'
111
+ }),
112
+ stroke: iconThemed({
113
+ light: '#4C9AFF',
114
+ dark: '#0C66E4'
115
+ }),
116
+ strokeWidth: "0.5"
117
+ }), /*#__PURE__*/React.createElement("rect", {
118
+ x: "26.25",
119
+ y: "14.25",
120
+ width: "7.5",
121
+ height: "11.5",
122
+ rx: "0.75",
123
+ fill: iconThemed({
124
+ light: '#DEEBFF',
125
+ dark: '#09326C'
126
+ }),
127
+ stroke: iconThemed({
128
+ light: '#4C9AFF',
129
+ dark: '#0C66E4'
130
+ }),
131
+ strokeWidth: "0.5"
132
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
133
+ id: "clip0_5808_6858"
134
+ }, /*#__PURE__*/React.createElement("rect", {
135
+ width: "40",
136
+ height: "40",
137
+ rx: "3",
138
+ fill: iconThemed({
139
+ light: '#FFF',
140
+ dark: '#161A1D'
141
+ })
142
+ }))));
143
+ }