@cloudflare/component-logo 8.0.6 → 8.0.8

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 (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/LogoHeader.d.ts +1 -1
  3. package/es/Logo.js +5 -11
  4. package/es/LogoCloud.js +4 -9
  5. package/es/LogoHeader.js +4 -12
  6. package/es/LogoInline.js +19 -42
  7. package/lib/Logo.js +5 -11
  8. package/lib/LogoCloud.js +4 -9
  9. package/lib/LogoHeader.js +4 -12
  10. package/lib/LogoInline.js +19 -42
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Change Log
2
2
 
3
+ ## 8.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - 92aa24bd89: Accept React 18 and 19 in the peer ranges of smoke-tested components and styling packages. Keep React keys out of Grid and FormGrid styling props, and emit declarations compatible with React 19 types.
8
+
9
+ ## 8.0.7
10
+
11
+ ### Patch Changes
12
+
13
+ - fc455fa761: Require explicit opt-in before injecting source-file debug attributes into package build artifacts.
14
+
3
15
  ## 8.0.6
4
16
 
5
17
  ### Patch Changes
package/dist/LogoHeader.d.ts CHANGED
@@ -1004,5 +1004,5 @@ export declare const MobileOnly: React.ComponentType<{
1004
1004
  gridAlign?: ("start" | "end" | "center" | "stretch") | undefined;
1005
1005
  gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
1006
1006
  }>;
1007
- declare const LogoHeader: () => JSX.Element;
1007
+ declare const LogoHeader: () => React.ReactElement;
1008
1008
  export default LogoHeader;
package/es/Logo.js CHANGED
@@ -10,27 +10,21 @@ var Logo = _ref => {
10
10
  height = '41px'
11
11
  } = _ref;
12
12
  var textCol = textColor !== null && textColor !== void 0 ? textColor : light ? theme.colors.white : theme.colors.black;
13
- return /*#__PURE__*/React.createElement("div", {
14
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:23"
15
- }, /*#__PURE__*/React.createElement("svg", {
13
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
16
14
  viewBox: "0 0 105 36",
17
15
  role: "img",
18
16
  width: width,
19
17
  height: height,
20
- "aria-hidden": true,
21
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:24"
18
+ "aria-hidden": true
22
19
  }, /*#__PURE__*/React.createElement("path", {
23
20
  fill: textCol,
24
- d: "M11.679 26.754h2.353v6.423h4.111v2.06H11.68v-8.483zM20.58 31.02v-.024c0-2.436 1.965-4.412 4.584-4.412 2.62 0 4.56 1.951 4.56 4.387v.025c0 2.436-1.965 4.41-4.584 4.41-2.618 0-4.56-1.95-4.56-4.386zm6.743 0v-.024c0-1.223-.885-2.291-2.183-2.291-1.285 0-2.147 1.042-2.147 2.266v.025c0 1.222.886 2.29 2.171 2.29 1.298 0 2.159-1.042 2.159-2.266zM32.604 31.517v-4.763h2.389v4.714c0 1.223.618 1.806 1.564 1.806.946 0 1.564-.557 1.564-1.745v-4.775h2.39v4.7c0 2.74-1.564 3.939-3.978 3.939s-3.93-1.223-3.93-3.878M44.112 26.755h3.274c3.032 0 4.79 1.744 4.79 4.192v.025c0 2.447-1.782 4.265-4.838 4.265h-3.226v-8.483zm3.31 6.397c1.408 0 2.34-.775 2.34-2.146v-.024c0-1.357-.932-2.145-2.34-2.145h-.958v4.316l.959-.001zM55.596 26.754h6.791v2.06h-4.438v1.442h4.014v1.951h-4.014v3.03h-2.353v-8.483zM65.661 26.754h2.353v6.423h4.111v2.06h-6.464v-8.483zM78.273 26.693h2.268l3.614 8.544h-2.522l-.62-1.515H77.74l-.606 1.515h-2.474l3.614-8.544zm2.062 5.2l-.946-2.413-.959 2.412h1.905zM87.186 26.754H91.2c1.298 0 2.195.34 2.765.921.498.485.752 1.14.752 1.976v.024c0 1.296-.693 2.156-1.746 2.605l2.025 2.957H92.28l-1.71-2.57h-1.03v2.57h-2.353v-8.483zm3.905 4.072c.8 0 1.262-.388 1.262-1.006v-.024c0-.667-.486-1.006-1.275-1.006h-1.54v2.038l1.553-.002zM98.112 26.754h6.827v2h-4.498v1.284h4.075v1.854h-4.075v1.346H105v1.999h-6.888v-8.483zM6.528 32.014c-.33.744-1.023 1.272-1.944 1.272-1.286 0-2.171-1.067-2.171-2.29v-.025c0-1.223.86-2.266 2.146-2.266.97 0 1.708.595 2.02 1.406h2.48c-.398-2.02-2.173-3.526-4.475-3.526-2.62 0-4.584 1.977-4.584 4.41v.024c0 2.436 1.94 4.388 4.56 4.388 2.24 0 3.991-1.45 4.453-3.393H6.528z",
25
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:31"
21
+ d: "M11.679 26.754h2.353v6.423h4.111v2.06H11.68v-8.483zM20.58 31.02v-.024c0-2.436 1.965-4.412 4.584-4.412 2.62 0 4.56 1.951 4.56 4.387v.025c0 2.436-1.965 4.41-4.584 4.41-2.618 0-4.56-1.95-4.56-4.386zm6.743 0v-.024c0-1.223-.885-2.291-2.183-2.291-1.285 0-2.147 1.042-2.147 2.266v.025c0 1.222.886 2.29 2.171 2.29 1.298 0 2.159-1.042 2.159-2.266zM32.604 31.517v-4.763h2.389v4.714c0 1.223.618 1.806 1.564 1.806.946 0 1.564-.557 1.564-1.745v-4.775h2.39v4.7c0 2.74-1.564 3.939-3.978 3.939s-3.93-1.223-3.93-3.878M44.112 26.755h3.274c3.032 0 4.79 1.744 4.79 4.192v.025c0 2.447-1.782 4.265-4.838 4.265h-3.226v-8.483zm3.31 6.397c1.408 0 2.34-.775 2.34-2.146v-.024c0-1.357-.932-2.145-2.34-2.145h-.958v4.316l.959-.001zM55.596 26.754h6.791v2.06h-4.438v1.442h4.014v1.951h-4.014v3.03h-2.353v-8.483zM65.661 26.754h2.353v6.423h4.111v2.06h-6.464v-8.483zM78.273 26.693h2.268l3.614 8.544h-2.522l-.62-1.515H77.74l-.606 1.515h-2.474l3.614-8.544zm2.062 5.2l-.946-2.413-.959 2.412h1.905zM87.186 26.754H91.2c1.298 0 2.195.34 2.765.921.498.485.752 1.14.752 1.976v.024c0 1.296-.693 2.156-1.746 2.605l2.025 2.957H92.28l-1.71-2.57h-1.03v2.57h-2.353v-8.483zm3.905 4.072c.8 0 1.262-.388 1.262-1.006v-.024c0-.667-.486-1.006-1.275-1.006h-1.54v2.038l1.553-.002zM98.112 26.754h6.827v2h-4.498v1.284h4.075v1.854h-4.075v1.346H105v1.999h-6.888v-8.483zM6.528 32.014c-.33.744-1.023 1.272-1.944 1.272-1.286 0-2.171-1.067-2.171-2.29v-.025c0-1.223.86-2.266 2.146-2.266.97 0 1.708.595 2.02 1.406h2.48c-.398-2.02-2.173-3.526-4.475-3.526-2.62 0-4.584 1.977-4.584 4.41v.024c0 2.436 1.94 4.388 4.56 4.388 2.24 0 3.991-1.45 4.453-3.393H6.528z"
26
22
  }), /*#__PURE__*/React.createElement("path", {
27
23
  d: "M89.012 22.355l.257-.887c.306-1.056.192-2.031-.321-2.748-.472-.66-1.259-1.049-2.214-1.094l-18.096-.229a.358.358 0 01-.285-.151.367.367 0 01-.04-.326.481.481 0 01.42-.321l18.263-.232c2.166-.099 4.512-1.856 5.333-3.998L93.37 9.65a.659.659 0 00.028-.36C92.216 3.975 87.468 0 81.792 0c-5.23 0-9.67 3.373-11.263 8.061a5.34 5.34 0 00-3.756-1.039 5.356 5.356 0 00-4.637 6.644c-4.099.12-7.386 3.475-7.386 7.6 0 .368.028.735.082 1.1a.354.354 0 00.348.305l33.408.004h.009a.44.44 0 00.415-.32z",
28
- fill: theme.colors.marketing.orange,
29
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:35"
24
+ fill: theme.colors.marketing.orange
30
25
  }), /*#__PURE__*/React.createElement("path", {
31
26
  d: "M95.04 9.847c-.167 0-.334.004-.5.013a.28.28 0 00-.079.017.285.285 0 00-.182.192l-.712 2.456c-.305 1.055-.192 2.03.322 2.746.471.661 1.258 1.05 2.213 1.094l3.858.232a.351.351 0 01.275.149.365.365 0 01.041.328.484.484 0 01-.42.32l-4.008.232c-2.176.1-4.521 1.856-5.342 3.998l-.29.756a.212.212 0 00.095.262c.03.017.062.027.096.028h13.802a.366.366 0 00.356-.265 9.846 9.846 0 00.367-2.677c-.001-5.457-4.429-9.88-9.891-9.88z",
32
- fill: theme.colors.marketing.lightOrange,
33
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:39"
27
+ fill: theme.colors.marketing.lightOrange
34
28
  })));
35
29
  };
36
30
 
package/es/LogoCloud.js CHANGED
@@ -7,23 +7,18 @@ var LogoCloud = _ref => {
7
7
  width = '80px',
8
8
  height = '47px'
9
9
  } = _ref;
10
- return /*#__PURE__*/React.createElement("div", {
11
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:16"
12
- }, /*#__PURE__*/React.createElement("svg", {
10
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
13
11
  role: "img",
14
12
  viewBox: "0 0 460 271.2",
15
13
  width: width,
16
14
  height: height,
17
- "aria-hidden": true,
18
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:17"
15
+ "aria-hidden": true
19
16
  }, /*#__PURE__*/React.createElement("path", {
20
17
  fill: theme.colors.marketing.lightOrange,
21
- d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z",
22
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:24"
18
+ d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z"
23
19
  }), /*#__PURE__*/React.createElement("path", {
24
20
  fill: theme.colors.marketing.orange,
25
- d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z",
26
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:28"
21
+ d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z"
27
22
  })));
28
23
  };
29
24
 
package/es/LogoHeader.js CHANGED
@@ -38,19 +38,11 @@ export var MobileOnly = createStyledComponent(_ref3 => {
38
38
  };
39
39
  });
40
40
 
41
- var LogoHeader = () => /*#__PURE__*/React.createElement(LogoWrapper, {
42
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:40"
43
- }, /*#__PURE__*/React.createElement(DesktopOnly, {
44
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:41"
45
- }, /*#__PURE__*/React.createElement(Logo, {
46
- textColor: isDarkMode() ? theme.colors.black : undefined,
47
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:42"
48
- })), /*#__PURE__*/React.createElement(MobileOnly, {
49
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:44"
50
- }, /*#__PURE__*/React.createElement(LogoCloud, {
41
+ var LogoHeader = () => /*#__PURE__*/React.createElement(LogoWrapper, null, /*#__PURE__*/React.createElement(DesktopOnly, null, /*#__PURE__*/React.createElement(Logo, {
42
+ textColor: isDarkMode() ? theme.colors.black : undefined
43
+ })), /*#__PURE__*/React.createElement(MobileOnly, null, /*#__PURE__*/React.createElement(LogoCloud, {
51
44
  width: "70px",
52
- height: "41px",
53
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:45"
45
+ height: "41px"
54
46
  })));
55
47
 
56
48
  export default LogoHeader;
package/es/LogoInline.js CHANGED
@@ -14,72 +14,49 @@ var LogoInline = _ref => {
14
14
  viewBox: "0 0 1179.5 271.2",
15
15
  width: width,
16
16
  height: height,
17
- "aria-label": "title desc",
18
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:21"
19
- }, /*#__PURE__*/React.createElement("title", {
20
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:27"
21
- }, /*#__PURE__*/React.createElement(Trans, {
17
+ "aria-label": "title desc"
18
+ }, /*#__PURE__*/React.createElement("title", null, /*#__PURE__*/React.createElement(Trans, {
22
19
  id: "accessibility.header.logo.title",
23
- _: "Cloudflare Logo",
24
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:28"
25
- })), /*#__PURE__*/React.createElement("desc", {
26
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:30"
27
- }, /*#__PURE__*/React.createElement(Trans, {
20
+ _: "Cloudflare Logo"
21
+ })), /*#__PURE__*/React.createElement("desc", null, /*#__PURE__*/React.createElement(Trans, {
28
22
  id: "accessibility.header.logo.desc",
29
- _: "Navigate Back",
30
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:31"
31
- })), /*#__PURE__*/React.createElement("g", {
32
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:33"
33
- }, /*#__PURE__*/React.createElement("polygon", {
23
+ _: "Navigate Back"
24
+ })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
34
25
  fill: textColor,
35
- points: "503.2,155.6 518.7,155.6 518.7,198.1 545.9,198.1 545.9,211.7 503.2,211.7 ",
36
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:34"
26
+ points: "503.2,155.6 518.7,155.6 518.7,198.1 545.9,198.1 545.9,211.7 503.2,211.7 "
37
27
  }), /*#__PURE__*/React.createElement("path", {
38
28
  fill: textColor,
39
- d: "M562,183.8v-0.2c0-16.1,13-29.2,30.3-29.2c17.3,0,30.1,12.9,30.1,29v0.2c0,16.1-13,29.2-30.3,29.2 C574.8,212.9,562,200,562,183.8 M606.5,183.8v-0.2c0-8.1-5.8-15.1-14.4-15.1c-8.5,0-14.2,6.9-14.2,15v0.2 c0,8.1,5.8,15.1,14.3,15.1C600.9,198.8,606.5,191.9,606.5,183.8",
40
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:38"
29
+ d: "M562,183.8v-0.2c0-16.1,13-29.2,30.3-29.2c17.3,0,30.1,12.9,30.1,29v0.2c0,16.1-13,29.2-30.3,29.2 C574.8,212.9,562,200,562,183.8 M606.5,183.8v-0.2c0-8.1-5.8-15.1-14.4-15.1c-8.5,0-14.2,6.9-14.2,15v0.2 c0,8.1,5.8,15.1,14.3,15.1C600.9,198.8,606.5,191.9,606.5,183.8"
41
30
  }), /*#__PURE__*/React.createElement("path", {
42
31
  fill: textColor,
43
- d: "M641.4,187.1v-31.5h15.8v31.2c0,8.1,4.1,11.9,10.3,11.9c6.2,0,10.3-3.7,10.3-11.5v-31.6h15.8v31.1 c0,18.1-10.3,26-26.3,26C651.5,212.8,641.4,204.7,641.4,187.1",
44
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:42"
32
+ d: "M641.4,187.1v-31.5h15.8v31.2c0,8.1,4.1,11.9,10.3,11.9c6.2,0,10.3-3.7,10.3-11.5v-31.6h15.8v31.1 c0,18.1-10.3,26-26.3,26C651.5,212.8,641.4,204.7,641.4,187.1"
45
33
  }), /*#__PURE__*/React.createElement("path", {
46
34
  fill: textColor,
47
- d: "M717.5,155.6h21.6c20,0,31.7,11.5,31.7,27.7v0.2c0,16.2-11.8,28.2-32,28.2h-21.3V155.6z M739.4,198 c9.3,0,15.5-5.1,15.5-14.2v-0.2c0-9-6.2-14.2-15.5-14.2H733V198H739.4z",
48
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:46"
35
+ d: "M717.5,155.6h21.6c20,0,31.7,11.5,31.7,27.7v0.2c0,16.2-11.8,28.2-32,28.2h-21.3V155.6z M739.4,198 c9.3,0,15.5-5.1,15.5-14.2v-0.2c0-9-6.2-14.2-15.5-14.2H733V198H739.4z"
49
36
  }), /*#__PURE__*/React.createElement("polygon", {
50
37
  fill: textColor,
51
- points: "793.4,155.6 838.2,155.6 838.2,169.3 808.9,169.3 808.9,178.8 835.4,178.8 835.4,191.7 808.9,191.7 808.9,211.7 793.4,211.7 ",
52
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:50"
38
+ points: "793.4,155.6 838.2,155.6 838.2,169.3 808.9,169.3 808.9,178.8 835.4,178.8 835.4,191.7 808.9,191.7 808.9,211.7 793.4,211.7 "
53
39
  }), /*#__PURE__*/React.createElement("polygon", {
54
40
  fill: textColor,
55
- points: "859.9,155.6 875.4,155.6 875.4,198.1 902.6,198.1 902.6,211.7 859.9,211.7 ",
56
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:54"
41
+ points: "859.9,155.6 875.4,155.6 875.4,198.1 902.6,198.1 902.6,211.7 859.9,211.7 "
57
42
  }), /*#__PURE__*/React.createElement("path", {
58
43
  fill: textColor,
59
- d: "M943.2,155.2h15l23.9,56.5h-16.7l-4.1-10h-21.6l-4,10h-16.3L943.2,155.2z M956.8,189.6l-6.2-15.9l-6.3,15.9 H956.8z",
60
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:58"
44
+ d: "M943.2,155.2h15l23.9,56.5h-16.7l-4.1-10h-21.6l-4,10h-16.3L943.2,155.2z M956.8,189.6l-6.2-15.9l-6.3,15.9 H956.8z"
61
45
  }), /*#__PURE__*/React.createElement("path", {
62
46
  fill: textColor,
63
- d: "M1002.1,155.6h26.5c8.6,0,14.5,2.2,18.3,6.1c3.3,3.2,5,7.5,5,13.1v0.2c0,8.6-4.6,14.3-11.5,17.2l13.4,19.6 h-18l-11.3-17h-6.8v17h-15.5V155.6z M1027.9,182.6c5.3,0,8.3-2.6,8.3-6.7v-0.2c0-4.4-3.2-6.7-8.4-6.7h-10.2v13.5H1027.9z",
64
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:62"
47
+ d: "M1002.1,155.6h26.5c8.6,0,14.5,2.2,18.3,6.1c3.3,3.2,5,7.5,5,13.1v0.2c0,8.6-4.6,14.3-11.5,17.2l13.4,19.6 h-18l-11.3-17h-6.8v17h-15.5V155.6z M1027.9,182.6c5.3,0,8.3-2.6,8.3-6.7v-0.2c0-4.4-3.2-6.7-8.4-6.7h-10.2v13.5H1027.9z"
65
48
  }), /*#__PURE__*/React.createElement("polygon", {
66
49
  fill: textColor,
67
- points: "1074.3,155.6 1119.4,155.6 1119.4,168.9 1089.7,168.9 1089.7,177.4 1116.6,177.4 1116.6,189.6 1089.7,189.6 1089.7,198.5 1119.8,198.5 1119.8,211.7 1074.3,211.7 ",
68
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:66"
50
+ points: "1074.3,155.6 1119.4,155.6 1119.4,168.9 1089.7,168.9 1089.7,177.4 1116.6,177.4 1116.6,189.6 1089.7,189.6 1089.7,198.5 1119.8,198.5 1119.8,211.7 1074.3,211.7 "
69
51
  }), /*#__PURE__*/React.createElement("path", {
70
52
  fill: textColor,
71
- d: "M469.1,190.4c-2.2,4.9-6.8,8.4-12.8,8.4c-8.5,0-14.3-7.1-14.3-15.1v-0.2c0-8.1,5.7-15,14.2-15 c6.4,0,11.3,3.9,13.3,9.3h16.4c-2.6-13.4-14.4-23.3-29.6-23.3c-17.3,0-30.3,13.1-30.3,29.2v0.2c0,16.1,12.8,29,30.1,29 c14.8,0,26.4-9.6,29.4-22.4H469.1z",
72
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:70"
73
- })), /*#__PURE__*/React.createElement("g", {
74
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:75"
75
- }, /*#__PURE__*/React.createElement("path", {
53
+ d: "M469.1,190.4c-2.2,4.9-6.8,8.4-12.8,8.4c-8.5,0-14.3-7.1-14.3-15.1v-0.2c0-8.1,5.7-15,14.2-15 c6.4,0,11.3,3.9,13.3,9.3h16.4c-2.6-13.4-14.4-23.3-29.6-23.3c-17.3,0-30.3,13.1-30.3,29.2v0.2c0,16.1,12.8,29,30.1,29 c14.8,0,26.4-9.6,29.4-22.4H469.1z"
54
+ })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
76
55
  fill: theme.colors.marketing.lightOrange,
77
- d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z",
78
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:76"
56
+ d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z"
79
57
  }), /*#__PURE__*/React.createElement("path", {
80
58
  fill: theme.colors.marketing.orange,
81
- d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z",
82
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:80"
59
+ d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z"
83
60
  })));
84
61
  };
85
62
 
package/lib/Logo.js CHANGED
@@ -20,27 +20,21 @@ var Logo = function Logo(_ref) {
20
20
  _ref$height = _ref.height,
21
21
  height = _ref$height === void 0 ? '41px' : _ref$height;
22
22
  var textCol = textColor !== null && textColor !== void 0 ? textColor : light ? theme.colors.white : theme.colors.black;
23
- return /*#__PURE__*/_react.default.createElement("div", {
24
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:23"
25
- }, /*#__PURE__*/_react.default.createElement("svg", {
23
+ return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("svg", {
26
24
  viewBox: "0 0 105 36",
27
25
  role: "img",
28
26
  width: width,
29
27
  height: height,
30
- "aria-hidden": true,
31
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:24"
28
+ "aria-hidden": true
32
29
  }, /*#__PURE__*/_react.default.createElement("path", {
33
30
  fill: textCol,
34
- d: "M11.679 26.754h2.353v6.423h4.111v2.06H11.68v-8.483zM20.58 31.02v-.024c0-2.436 1.965-4.412 4.584-4.412 2.62 0 4.56 1.951 4.56 4.387v.025c0 2.436-1.965 4.41-4.584 4.41-2.618 0-4.56-1.95-4.56-4.386zm6.743 0v-.024c0-1.223-.885-2.291-2.183-2.291-1.285 0-2.147 1.042-2.147 2.266v.025c0 1.222.886 2.29 2.171 2.29 1.298 0 2.159-1.042 2.159-2.266zM32.604 31.517v-4.763h2.389v4.714c0 1.223.618 1.806 1.564 1.806.946 0 1.564-.557 1.564-1.745v-4.775h2.39v4.7c0 2.74-1.564 3.939-3.978 3.939s-3.93-1.223-3.93-3.878M44.112 26.755h3.274c3.032 0 4.79 1.744 4.79 4.192v.025c0 2.447-1.782 4.265-4.838 4.265h-3.226v-8.483zm3.31 6.397c1.408 0 2.34-.775 2.34-2.146v-.024c0-1.357-.932-2.145-2.34-2.145h-.958v4.316l.959-.001zM55.596 26.754h6.791v2.06h-4.438v1.442h4.014v1.951h-4.014v3.03h-2.353v-8.483zM65.661 26.754h2.353v6.423h4.111v2.06h-6.464v-8.483zM78.273 26.693h2.268l3.614 8.544h-2.522l-.62-1.515H77.74l-.606 1.515h-2.474l3.614-8.544zm2.062 5.2l-.946-2.413-.959 2.412h1.905zM87.186 26.754H91.2c1.298 0 2.195.34 2.765.921.498.485.752 1.14.752 1.976v.024c0 1.296-.693 2.156-1.746 2.605l2.025 2.957H92.28l-1.71-2.57h-1.03v2.57h-2.353v-8.483zm3.905 4.072c.8 0 1.262-.388 1.262-1.006v-.024c0-.667-.486-1.006-1.275-1.006h-1.54v2.038l1.553-.002zM98.112 26.754h6.827v2h-4.498v1.284h4.075v1.854h-4.075v1.346H105v1.999h-6.888v-8.483zM6.528 32.014c-.33.744-1.023 1.272-1.944 1.272-1.286 0-2.171-1.067-2.171-2.29v-.025c0-1.223.86-2.266 2.146-2.266.97 0 1.708.595 2.02 1.406h2.48c-.398-2.02-2.173-3.526-4.475-3.526-2.62 0-4.584 1.977-4.584 4.41v.024c0 2.436 1.94 4.388 4.56 4.388 2.24 0 3.991-1.45 4.453-3.393H6.528z",
35
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:31"
31
+ d: "M11.679 26.754h2.353v6.423h4.111v2.06H11.68v-8.483zM20.58 31.02v-.024c0-2.436 1.965-4.412 4.584-4.412 2.62 0 4.56 1.951 4.56 4.387v.025c0 2.436-1.965 4.41-4.584 4.41-2.618 0-4.56-1.95-4.56-4.386zm6.743 0v-.024c0-1.223-.885-2.291-2.183-2.291-1.285 0-2.147 1.042-2.147 2.266v.025c0 1.222.886 2.29 2.171 2.29 1.298 0 2.159-1.042 2.159-2.266zM32.604 31.517v-4.763h2.389v4.714c0 1.223.618 1.806 1.564 1.806.946 0 1.564-.557 1.564-1.745v-4.775h2.39v4.7c0 2.74-1.564 3.939-3.978 3.939s-3.93-1.223-3.93-3.878M44.112 26.755h3.274c3.032 0 4.79 1.744 4.79 4.192v.025c0 2.447-1.782 4.265-4.838 4.265h-3.226v-8.483zm3.31 6.397c1.408 0 2.34-.775 2.34-2.146v-.024c0-1.357-.932-2.145-2.34-2.145h-.958v4.316l.959-.001zM55.596 26.754h6.791v2.06h-4.438v1.442h4.014v1.951h-4.014v3.03h-2.353v-8.483zM65.661 26.754h2.353v6.423h4.111v2.06h-6.464v-8.483zM78.273 26.693h2.268l3.614 8.544h-2.522l-.62-1.515H77.74l-.606 1.515h-2.474l3.614-8.544zm2.062 5.2l-.946-2.413-.959 2.412h1.905zM87.186 26.754H91.2c1.298 0 2.195.34 2.765.921.498.485.752 1.14.752 1.976v.024c0 1.296-.693 2.156-1.746 2.605l2.025 2.957H92.28l-1.71-2.57h-1.03v2.57h-2.353v-8.483zm3.905 4.072c.8 0 1.262-.388 1.262-1.006v-.024c0-.667-.486-1.006-1.275-1.006h-1.54v2.038l1.553-.002zM98.112 26.754h6.827v2h-4.498v1.284h4.075v1.854h-4.075v1.346H105v1.999h-6.888v-8.483zM6.528 32.014c-.33.744-1.023 1.272-1.944 1.272-1.286 0-2.171-1.067-2.171-2.29v-.025c0-1.223.86-2.266 2.146-2.266.97 0 1.708.595 2.02 1.406h2.48c-.398-2.02-2.173-3.526-4.475-3.526-2.62 0-4.584 1.977-4.584 4.41v.024c0 2.436 1.94 4.388 4.56 4.388 2.24 0 3.991-1.45 4.453-3.393H6.528z"
36
32
  }), /*#__PURE__*/_react.default.createElement("path", {
37
33
  d: "M89.012 22.355l.257-.887c.306-1.056.192-2.031-.321-2.748-.472-.66-1.259-1.049-2.214-1.094l-18.096-.229a.358.358 0 01-.285-.151.367.367 0 01-.04-.326.481.481 0 01.42-.321l18.263-.232c2.166-.099 4.512-1.856 5.333-3.998L93.37 9.65a.659.659 0 00.028-.36C92.216 3.975 87.468 0 81.792 0c-5.23 0-9.67 3.373-11.263 8.061a5.34 5.34 0 00-3.756-1.039 5.356 5.356 0 00-4.637 6.644c-4.099.12-7.386 3.475-7.386 7.6 0 .368.028.735.082 1.1a.354.354 0 00.348.305l33.408.004h.009a.44.44 0 00.415-.32z",
38
- fill: theme.colors.marketing.orange,
39
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:35"
34
+ fill: theme.colors.marketing.orange
40
35
  }), /*#__PURE__*/_react.default.createElement("path", {
41
36
  d: "M95.04 9.847c-.167 0-.334.004-.5.013a.28.28 0 00-.079.017.285.285 0 00-.182.192l-.712 2.456c-.305 1.055-.192 2.03.322 2.746.471.661 1.258 1.05 2.213 1.094l3.858.232a.351.351 0 01.275.149.365.365 0 01.041.328.484.484 0 01-.42.32l-4.008.232c-2.176.1-4.521 1.856-5.342 3.998l-.29.756a.212.212 0 00.095.262c.03.017.062.027.096.028h13.802a.366.366 0 00.356-.265 9.846 9.846 0 00.367-2.677c-.001-5.457-4.429-9.88-9.891-9.88z",
42
- fill: theme.colors.marketing.lightOrange,
43
- "data-source-file": "@cloudflare/component-logo:src/Logo.tsx:39"
37
+ fill: theme.colors.marketing.lightOrange
44
38
  })));
45
39
  };
46
40
 
package/lib/LogoCloud.js CHANGED
@@ -17,23 +17,18 @@ var LogoCloud = function LogoCloud(_ref) {
17
17
  width = _ref$width === void 0 ? '80px' : _ref$width,
18
18
  _ref$height = _ref.height,
19
19
  height = _ref$height === void 0 ? '47px' : _ref$height;
20
- return /*#__PURE__*/_react.default.createElement("div", {
21
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:16"
22
- }, /*#__PURE__*/_react.default.createElement("svg", {
20
+ return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("svg", {
23
21
  role: "img",
24
22
  viewBox: "0 0 460 271.2",
25
23
  width: width,
26
24
  height: height,
27
- "aria-hidden": true,
28
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:17"
25
+ "aria-hidden": true
29
26
  }, /*#__PURE__*/_react.default.createElement("path", {
30
27
  fill: theme.colors.marketing.lightOrange,
31
- d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z",
32
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:24"
28
+ d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z"
33
29
  }), /*#__PURE__*/_react.default.createElement("path", {
34
30
  fill: theme.colors.marketing.orange,
35
- d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z",
36
- "data-source-file": "@cloudflare/component-logo:src/LogoCloud.tsx:28"
31
+ d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z"
37
32
  })));
38
33
  };
39
34
 
package/lib/LogoHeader.js CHANGED
@@ -50,19 +50,11 @@ var MobileOnly = (0, _styleContainer.createStyledComponent)(function (_ref3) {
50
50
  exports.MobileOnly = MobileOnly;
51
51
 
52
52
  var LogoHeader = function LogoHeader() {
53
- return /*#__PURE__*/_react.default.createElement(LogoWrapper, {
54
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:40"
55
- }, /*#__PURE__*/_react.default.createElement(DesktopOnly, {
56
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:41"
57
- }, /*#__PURE__*/_react.default.createElement(_Logo.default, {
58
- textColor: (0, _styleConst.isDarkMode)() ? _styleConst.variables.colors.black : undefined,
59
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:42"
60
- })), /*#__PURE__*/_react.default.createElement(MobileOnly, {
61
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:44"
62
- }, /*#__PURE__*/_react.default.createElement(_LogoCloud.default, {
53
+ return /*#__PURE__*/_react.default.createElement(LogoWrapper, null, /*#__PURE__*/_react.default.createElement(DesktopOnly, null, /*#__PURE__*/_react.default.createElement(_Logo.default, {
54
+ textColor: (0, _styleConst.isDarkMode)() ? _styleConst.variables.colors.black : undefined
55
+ })), /*#__PURE__*/_react.default.createElement(MobileOnly, null, /*#__PURE__*/_react.default.createElement(_LogoCloud.default, {
63
56
  width: "70px",
64
- height: "41px",
65
- "data-source-file": "@cloudflare/component-logo:src/LogoHeader.tsx:45"
57
+ height: "41px"
66
58
  })));
67
59
  };
68
60
 
package/lib/LogoInline.js CHANGED
@@ -25,72 +25,49 @@ var LogoInline = function LogoInline(_ref) {
25
25
  viewBox: "0 0 1179.5 271.2",
26
26
  width: width,
27
27
  height: height,
28
- "aria-label": "title desc",
29
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:21"
30
- }, /*#__PURE__*/_react.default.createElement("title", {
31
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:27"
32
- }, /*#__PURE__*/_react.default.createElement(_intlReact.Trans, {
28
+ "aria-label": "title desc"
29
+ }, /*#__PURE__*/_react.default.createElement("title", null, /*#__PURE__*/_react.default.createElement(_intlReact.Trans, {
33
30
  id: "accessibility.header.logo.title",
34
- _: "Cloudflare Logo",
35
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:28"
36
- })), /*#__PURE__*/_react.default.createElement("desc", {
37
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:30"
38
- }, /*#__PURE__*/_react.default.createElement(_intlReact.Trans, {
31
+ _: "Cloudflare Logo"
32
+ })), /*#__PURE__*/_react.default.createElement("desc", null, /*#__PURE__*/_react.default.createElement(_intlReact.Trans, {
39
33
  id: "accessibility.header.logo.desc",
40
- _: "Navigate Back",
41
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:31"
42
- })), /*#__PURE__*/_react.default.createElement("g", {
43
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:33"
44
- }, /*#__PURE__*/_react.default.createElement("polygon", {
34
+ _: "Navigate Back"
35
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("polygon", {
45
36
  fill: textColor,
46
- points: "503.2,155.6 518.7,155.6 518.7,198.1 545.9,198.1 545.9,211.7 503.2,211.7 ",
47
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:34"
37
+ points: "503.2,155.6 518.7,155.6 518.7,198.1 545.9,198.1 545.9,211.7 503.2,211.7 "
48
38
  }), /*#__PURE__*/_react.default.createElement("path", {
49
39
  fill: textColor,
50
- d: "M562,183.8v-0.2c0-16.1,13-29.2,30.3-29.2c17.3,0,30.1,12.9,30.1,29v0.2c0,16.1-13,29.2-30.3,29.2 C574.8,212.9,562,200,562,183.8 M606.5,183.8v-0.2c0-8.1-5.8-15.1-14.4-15.1c-8.5,0-14.2,6.9-14.2,15v0.2 c0,8.1,5.8,15.1,14.3,15.1C600.9,198.8,606.5,191.9,606.5,183.8",
51
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:38"
40
+ d: "M562,183.8v-0.2c0-16.1,13-29.2,30.3-29.2c17.3,0,30.1,12.9,30.1,29v0.2c0,16.1-13,29.2-30.3,29.2 C574.8,212.9,562,200,562,183.8 M606.5,183.8v-0.2c0-8.1-5.8-15.1-14.4-15.1c-8.5,0-14.2,6.9-14.2,15v0.2 c0,8.1,5.8,15.1,14.3,15.1C600.9,198.8,606.5,191.9,606.5,183.8"
52
41
  }), /*#__PURE__*/_react.default.createElement("path", {
53
42
  fill: textColor,
54
- d: "M641.4,187.1v-31.5h15.8v31.2c0,8.1,4.1,11.9,10.3,11.9c6.2,0,10.3-3.7,10.3-11.5v-31.6h15.8v31.1 c0,18.1-10.3,26-26.3,26C651.5,212.8,641.4,204.7,641.4,187.1",
55
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:42"
43
+ d: "M641.4,187.1v-31.5h15.8v31.2c0,8.1,4.1,11.9,10.3,11.9c6.2,0,10.3-3.7,10.3-11.5v-31.6h15.8v31.1 c0,18.1-10.3,26-26.3,26C651.5,212.8,641.4,204.7,641.4,187.1"
56
44
  }), /*#__PURE__*/_react.default.createElement("path", {
57
45
  fill: textColor,
58
- d: "M717.5,155.6h21.6c20,0,31.7,11.5,31.7,27.7v0.2c0,16.2-11.8,28.2-32,28.2h-21.3V155.6z M739.4,198 c9.3,0,15.5-5.1,15.5-14.2v-0.2c0-9-6.2-14.2-15.5-14.2H733V198H739.4z",
59
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:46"
46
+ d: "M717.5,155.6h21.6c20,0,31.7,11.5,31.7,27.7v0.2c0,16.2-11.8,28.2-32,28.2h-21.3V155.6z M739.4,198 c9.3,0,15.5-5.1,15.5-14.2v-0.2c0-9-6.2-14.2-15.5-14.2H733V198H739.4z"
60
47
  }), /*#__PURE__*/_react.default.createElement("polygon", {
61
48
  fill: textColor,
62
- points: "793.4,155.6 838.2,155.6 838.2,169.3 808.9,169.3 808.9,178.8 835.4,178.8 835.4,191.7 808.9,191.7 808.9,211.7 793.4,211.7 ",
63
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:50"
49
+ points: "793.4,155.6 838.2,155.6 838.2,169.3 808.9,169.3 808.9,178.8 835.4,178.8 835.4,191.7 808.9,191.7 808.9,211.7 793.4,211.7 "
64
50
  }), /*#__PURE__*/_react.default.createElement("polygon", {
65
51
  fill: textColor,
66
- points: "859.9,155.6 875.4,155.6 875.4,198.1 902.6,198.1 902.6,211.7 859.9,211.7 ",
67
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:54"
52
+ points: "859.9,155.6 875.4,155.6 875.4,198.1 902.6,198.1 902.6,211.7 859.9,211.7 "
68
53
  }), /*#__PURE__*/_react.default.createElement("path", {
69
54
  fill: textColor,
70
- d: "M943.2,155.2h15l23.9,56.5h-16.7l-4.1-10h-21.6l-4,10h-16.3L943.2,155.2z M956.8,189.6l-6.2-15.9l-6.3,15.9 H956.8z",
71
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:58"
55
+ d: "M943.2,155.2h15l23.9,56.5h-16.7l-4.1-10h-21.6l-4,10h-16.3L943.2,155.2z M956.8,189.6l-6.2-15.9l-6.3,15.9 H956.8z"
72
56
  }), /*#__PURE__*/_react.default.createElement("path", {
73
57
  fill: textColor,
74
- d: "M1002.1,155.6h26.5c8.6,0,14.5,2.2,18.3,6.1c3.3,3.2,5,7.5,5,13.1v0.2c0,8.6-4.6,14.3-11.5,17.2l13.4,19.6 h-18l-11.3-17h-6.8v17h-15.5V155.6z M1027.9,182.6c5.3,0,8.3-2.6,8.3-6.7v-0.2c0-4.4-3.2-6.7-8.4-6.7h-10.2v13.5H1027.9z",
75
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:62"
58
+ d: "M1002.1,155.6h26.5c8.6,0,14.5,2.2,18.3,6.1c3.3,3.2,5,7.5,5,13.1v0.2c0,8.6-4.6,14.3-11.5,17.2l13.4,19.6 h-18l-11.3-17h-6.8v17h-15.5V155.6z M1027.9,182.6c5.3,0,8.3-2.6,8.3-6.7v-0.2c0-4.4-3.2-6.7-8.4-6.7h-10.2v13.5H1027.9z"
76
59
  }), /*#__PURE__*/_react.default.createElement("polygon", {
77
60
  fill: textColor,
78
- points: "1074.3,155.6 1119.4,155.6 1119.4,168.9 1089.7,168.9 1089.7,177.4 1116.6,177.4 1116.6,189.6 1089.7,189.6 1089.7,198.5 1119.8,198.5 1119.8,211.7 1074.3,211.7 ",
79
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:66"
61
+ points: "1074.3,155.6 1119.4,155.6 1119.4,168.9 1089.7,168.9 1089.7,177.4 1116.6,177.4 1116.6,189.6 1089.7,189.6 1089.7,198.5 1119.8,198.5 1119.8,211.7 1074.3,211.7 "
80
62
  }), /*#__PURE__*/_react.default.createElement("path", {
81
63
  fill: textColor,
82
- d: "M469.1,190.4c-2.2,4.9-6.8,8.4-12.8,8.4c-8.5,0-14.3-7.1-14.3-15.1v-0.2c0-8.1,5.7-15,14.2-15 c6.4,0,11.3,3.9,13.3,9.3h16.4c-2.6-13.4-14.4-23.3-29.6-23.3c-17.3,0-30.3,13.1-30.3,29.2v0.2c0,16.1,12.8,29,30.1,29 c14.8,0,26.4-9.6,29.4-22.4H469.1z",
83
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:70"
84
- })), /*#__PURE__*/_react.default.createElement("g", {
85
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:75"
86
- }, /*#__PURE__*/_react.default.createElement("path", {
64
+ d: "M469.1,190.4c-2.2,4.9-6.8,8.4-12.8,8.4c-8.5,0-14.3-7.1-14.3-15.1v-0.2c0-8.1,5.7-15,14.2-15 c6.4,0,11.3,3.9,13.3,9.3h16.4c-2.6-13.4-14.4-23.3-29.6-23.3c-17.3,0-30.3,13.1-30.3,29.2v0.2c0,16.1,12.8,29,30.1,29 c14.8,0,26.4-9.6,29.4-22.4H469.1z"
65
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
87
66
  fill: theme.colors.marketing.lightOrange,
88
- d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z",
89
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:76"
67
+ d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7 c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6 c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2 c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z"
90
68
  }), /*#__PURE__*/_react.default.createElement("path", {
91
69
  fill: theme.colors.marketing.orange,
92
- d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z",
93
- "data-source-file": "@cloudflare/component-logo:src/LogoInline.tsx:80"
70
+ d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6 c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5 c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1 c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5 c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z"
94
71
  })));
95
72
  };
96
73
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-logo",
3
3
  "description": "Cloudflare Logo Component",
4
- "version": "8.0.6",
4
+ "version": "8.0.8",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Vojtech Miksu <vojtech@miksu.cz>",
@@ -18,7 +18,7 @@
18
18
  "peerDependencies": {
19
19
  "@cloudflare/style-const": "^6.0.0",
20
20
  "@cloudflare/style-container": "^8.0.0",
21
- "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"
21
+ "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
22
22
  },
23
23
  "stratus": {
24
24
  "srcDirectory": "./src",