td-stylekit 25.5.0 → 25.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 (6) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/es/Logo/Logo.d.ts +1 -1
  3. package/dist/es/Logo/Logo.js +2 -12
  4. package/package.json +1 -1
  5. package/dist/es/Logo/LogoV4.d.ts +0 -11
  6. package/dist/es/Logo/LogoV4.js +0 -168
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [25.6.0](https://github.com/treasure-data/td-stylekit/compare/v25.5.0...v25.6.0) (2022-02-22)
2
+
3
+
4
+ ### Features
5
+
6
+ * **CON-6392:** Update TD logo in console with new blue diamond ([#1224](https://github.com/treasure-data/td-stylekit/issues/1224)) ([a1cc4b1](https://github.com/treasure-data/td-stylekit/commit/a1cc4b1))
7
+
1
8
  # [25.5.0](https://github.com/treasure-data/td-stylekit/compare/v25.4.0...v25.5.0) (2022-02-22)
2
9
 
3
10
 
package/dist/es/Logo/Logo.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare type LogoVariants = 'themed' | 'light' | 'dark' | 'v4';
2
+ export declare type LogoVariants = 'themed' | 'light' | 'dark';
3
3
  export declare type LogoTDProps = {
4
4
  /** CSS class to apply to the overall SVG */
5
5
  className?: string;
package/dist/es/Logo/Logo.js CHANGED
@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _react2 = require("@emotion/react");
11
11
 
12
- var _LogoV = _interopRequireDefault(require("./LogoV4"));
13
-
14
12
  var _LogoLight = _interopRequireDefault(require("./LogoLight"));
15
13
 
16
14
  var _LogoDark = _interopRequireDefault(require("./LogoDark"));
@@ -45,20 +43,12 @@ function LogoTD(_ref) {
45
43
  height: height
46
44
  });
47
45
 
48
- case 'v4':
49
- return (0, _react2.jsx)(_LogoV["default"], {
50
- "data-gs": gs("src", "logo", "logo.tsx", "logo-td", "logo-v4"),
51
- className: className,
52
- width: width,
53
- height: height
54
- });
55
-
56
46
  case 'themed':
57
47
  default:
58
48
  // return a theme specific logo
59
49
  if (theme.name === 'v4') {
60
- return (0, _react2.jsx)(_LogoV["default"], {
61
- "data-gs": gs("src", "logo", "logo.tsx", "logo-td", "logo-v4"),
50
+ return (0, _react2.jsx)(_LogoDark["default"], {
51
+ "data-gs": gs("src", "logo", "logo.tsx", "logo-td", "logo-dark"),
62
52
  className: className,
63
53
  width: width,
64
54
  height: height
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "td-stylekit",
3
- "version": "25.5.0",
3
+ "version": "25.6.0",
4
4
  "main": "dist/es/index.js",
5
5
  "module": "dist/es/index.js",
6
6
  "types": "dist/es/index.d.ts",
package/dist/es/Logo/LogoV4.d.ts DELETED
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import type { LogoTDProps } from './Logo';
3
- declare function LogoV4({ className, width, height }: LogoTDProps): JSX.Element;
4
- declare namespace LogoV4 {
5
- var defaultProps: {
6
- width: number;
7
- height: number;
8
- };
9
- }
10
- export default LogoV4;
11
- //# sourceMappingURL=LogoV4.d.ts.map
package/dist/es/Logo/LogoV4.js DELETED
@@ -1,168 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = LogoV4;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _react2 = require("@emotion/react");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
- if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
15
- if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
16
-
17
- function LogoV4(_ref) {
18
- var className = _ref.className,
19
- width = _ref.width,
20
- height = _ref.height;
21
- return (0, _react2.jsx)("svg", {
22
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg"),
23
- width: width,
24
- height: height,
25
- className: className,
26
- version: "1.1",
27
- viewBox: "0 0 30 21",
28
- xmlns: "http://www.w3.org/2000/svg"
29
- }, (0, _react2.jsx)("defs", {
30
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs")
31
- }, (0, _react2.jsx)("linearGradient", {
32
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient"),
33
- id: "SVGID_1_",
34
- x1: ".0023621",
35
- x2: "353.58",
36
- y1: "118.87",
37
- y2: "118.87",
38
- gradientUnits: "userSpaceOnUse"
39
- }, (0, _react2.jsx)("stop", {
40
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
41
- stopColor: "#1DAEDA",
42
- offset: "0"
43
- }), (0, _react2.jsx)("stop", {
44
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
45
- stopColor: "#0FA0CB",
46
- offset: "1"
47
- })), (0, _react2.jsx)("linearGradient", {
48
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient"),
49
- id: "SVGID_2_",
50
- x1: "58.216",
51
- x2: "295.93",
52
- y1: "51.51",
53
- y2: "51.51",
54
- gradientUnits: "userSpaceOnUse"
55
- }, (0, _react2.jsx)("stop", {
56
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
57
- stopColor: "#26B7E3",
58
- offset: "0"
59
- }), (0, _react2.jsx)("stop", {
60
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
61
- stopColor: "#18A9D4",
62
- offset: "1"
63
- })), (0, _react2.jsx)("linearGradient", {
64
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient"),
65
- id: "SVGID_3_",
66
- x1: "226.51",
67
- x2: "353.56",
68
- y1: "51.969",
69
- y2: "51.969",
70
- gradientUnits: "userSpaceOnUse"
71
- }, (0, _react2.jsx)("stop", {
72
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
73
- stopColor: "#3ECFFB",
74
- offset: "0"
75
- }), (0, _react2.jsx)("stop", {
76
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
77
- stopColor: "#2ABBE6",
78
- offset: ".4669"
79
- }), (0, _react2.jsx)("stop", {
80
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
81
- stopColor: "#12A3CE",
82
- offset: ".9249"
83
- })), (0, _react2.jsx)("linearGradient", {
84
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient"),
85
- id: "SVGID_4_",
86
- x1: ".032132",
87
- x2: "226.51",
88
- y1: "51.869",
89
- y2: "51.869",
90
- gradientUnits: "userSpaceOnUse"
91
- }, (0, _react2.jsx)("stop", {
92
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
93
- stopColor: "#1DAEDA",
94
- offset: "0"
95
- }), (0, _react2.jsx)("stop", {
96
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
97
- stopColor: "#0FA0CB",
98
- offset: "1"
99
- })), (0, _react2.jsx)("linearGradient", {
100
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient"),
101
- id: "SVGID_5_",
102
- x1: "177.87",
103
- x2: "353.49",
104
- y1: "149.24",
105
- y2: "149.24",
106
- gradientUnits: "userSpaceOnUse"
107
- }, (0, _react2.jsx)("stop", {
108
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
109
- stopColor: "#10A1CD",
110
- offset: "0"
111
- }), (0, _react2.jsx)("stop", {
112
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
113
- stopColor: "#0798C4",
114
- offset: "1"
115
- })), (0, _react2.jsx)("linearGradient", {
116
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient"),
117
- id: "SVGID_6_",
118
- x1: "59.804",
119
- x2: "212.26",
120
- y1: "165.86",
121
- y2: "77.836",
122
- gradientUnits: "userSpaceOnUse"
123
- }, (0, _react2.jsx)("stop", {
124
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
125
- stopColor: "#0FA0CC",
126
- offset: "0"
127
- }), (0, _react2.jsx)("stop", {
128
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
129
- stopColor: "#0686AE",
130
- offset: ".5867"
131
- }), (0, _react2.jsx)("stop", {
132
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "defs", "linear-gradient", "stop"),
133
- stopColor: "#027BA1",
134
- offset: ".9435"
135
- }))), (0, _react2.jsx)("g", {
136
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "g"),
137
- transform: "matrix(.084828 0 0 .084828 .0021202 -.050471)"
138
- }, (0, _react2.jsx)("path", {
139
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "g", "path"),
140
- d: "m53.2 4.4-51.2 51.1c-2.7 2.7-2.7 7.1 0 9.8l169.9 169.9c2.7 2.7 7.1 2.7 9.8 0l169.9-169.9c2.7-2.7 2.7-7.1 0-9.8l-51.2-51.1c-2.5-2.5-5.8-3.8-9.3-3.8h-228.7c-3.4-0.1-6.8 1.3-9.2 3.8z",
141
- fill: "url(#SVGID_1_)"
142
- }), (0, _react2.jsx)("path", {
143
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "g", "path"),
144
- d: "m226.5 102.5 69.4-101c-1.5-0.6-3.1-0.9-4.8-0.9h-228.7c-1.5 0-2.9 0.3-4.2 0.7z",
145
- fill: "url(#SVGID_2_)"
146
- }), (0, _react2.jsx)("path", {
147
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "g", "path"),
148
- d: "m226.5 102.5 127-41.1c0.3-2.1-0.3-4.3-1.9-5.8l-51.2-51.2c-1.3-1.3-2.8-2.3-4.5-2.9z",
149
- fill: "url(#SVGID_3_)"
150
- }), (0, _react2.jsx)("path", {
151
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "g", "path"),
152
- d: "m58.2 1.2c-1.9 0.6-3.6 1.7-5 3.1l-51.2 51.2c-1.5 1.5-2.1 3.5-2 5.4l226.5 41.5z",
153
- fill: "url(#SVGID_4_)"
154
- }), (0, _react2.jsx)("path", {
155
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "g", "path"),
156
- d: "m353.5 61.4-127 41.1-48.6 134.6c1.4-0.2 2.7-0.8 3.8-1.9l169.9-169.9c1.1-1.1 1.7-2.5 1.9-3.9z",
157
- fill: "url(#SVGID_5_)"
158
- }), (0, _react2.jsx)("path", {
159
- "data-gs": gs("src", "logo", "logov4.tsx", "logo-v4", "svg", "g", "path"),
160
- d: "m0 61c0.1 1.6 0.8 3.1 2 4.4l169.9 169.9c1.6 1.6 3.9 2.3 6 1.9l48.6-134.6z",
161
- fill: "url(#SVGID_6_)"
162
- })));
163
- }
164
-
165
- LogoV4.defaultProps = {
166
- width: 30,
167
- height: 21
168
- };