td-stylekit 33.0.0 → 33.1.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 (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/es/Logo/Logo.js +1 -1
  3. package/dist/es/Logo/LogoDark.js +83 -59
  4. package/dist/es/Logo/LogoLight.js +69 -51
  5. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [33.1.0](https://github.com/treasure-data/td-stylekit/compare/v33.0.0...v33.1.0) (2026-04-20)
2
+
3
+
4
+ ### Features
5
+
6
+ * **API-8974:** Update Logo components with new logo assets ([#1794](https://github.com/treasure-data/td-stylekit/issues/1794)) ([9270ef9](https://github.com/treasure-data/td-stylekit/commit/9270ef9ff188a9b9ade30aedbcc132bb63e3f28b))
7
+
1
8
  # [33.0.0](https://github.com/treasure-data/td-stylekit/compare/v32.0.1...v33.0.0) (2026-03-25)
2
9
 
3
10
 
package/dist/es/Logo/Logo.js CHANGED
@@ -18,7 +18,7 @@ function LogoTD(_ref) {
18
18
  _ref$width = _ref.width,
19
19
  width = _ref$width === void 0 ? 30 : _ref$width,
20
20
  _ref$height = _ref.height,
21
- height = _ref$height === void 0 ? 21 : _ref$height,
21
+ height = _ref$height === void 0 ? 20 : _ref$height,
22
22
  _ref$variant = _ref.variant,
23
23
  variant = _ref$variant === void 0 ? 'themed' : _ref$variant;
24
24
  // return the relevant logo based on the variant - if the type is 'themed'
package/dist/es/Logo/LogoDark.js CHANGED
@@ -17,110 +17,134 @@ function LogoDark(_ref) {
17
17
  _ref$width = _ref.width,
18
18
  width = _ref$width === void 0 ? 30 : _ref$width,
19
19
  _ref$height = _ref.height,
20
- height = _ref$height === void 0 ? 21 : _ref$height;
20
+ height = _ref$height === void 0 ? 20 : _ref$height;
21
21
  return (0, _jsxRuntime.jsxs)("svg", {
22
22
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg"),
23
23
  width: width,
24
24
  height: height,
25
25
  className: className,
26
- version: "1.1",
27
- viewBox: "0 0 30 21",
26
+ viewBox: "0 0 156 104",
28
27
  xmlns: "http://www.w3.org/2000/svg",
29
28
  children: [(0, _jsxRuntime.jsxs)("defs", {
30
29
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs"),
31
30
  children: [(0, _jsxRuntime.jsxs)("linearGradient", {
32
31
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
33
- id: "a-6",
34
- x1: "489.81",
35
- x2: "545.14",
36
- y1: "508.1",
37
- y2: "603.95",
38
- gradientTransform: "matrix(1 0 0 -1 -542.85 580.46)",
32
+ id: "logo-dark-gradient",
33
+ x1: "26.5",
34
+ y1: "78.52",
35
+ x2: "116.36",
36
+ y2: "-11.35",
39
37
  gradientUnits: "userSpaceOnUse",
40
38
  children: [(0, _jsxRuntime.jsx)("stop", {
41
39
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
42
- stopColor: "#85f",
43
- offset: "0"
40
+ offset: ".03",
41
+ stopColor: "#ff86b4"
44
42
  }), (0, _jsxRuntime.jsx)("stop", {
45
43
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
46
- stopColor: "#00b6ff",
47
- offset: "1"
44
+ offset: ".04",
45
+ stopColor: "#fa84b7"
46
+ }), (0, _jsxRuntime.jsx)("stop", {
47
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
48
+ offset: ".16",
49
+ stopColor: "#c572dd"
50
+ }), (0, _jsxRuntime.jsx)("stop", {
51
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
52
+ offset: ".25",
53
+ stopColor: "#a468f5"
54
+ }), (0, _jsxRuntime.jsx)("stop", {
55
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
56
+ offset: ".31",
57
+ stopColor: "#9864ff"
58
+ }), (0, _jsxRuntime.jsx)("stop", {
59
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
60
+ offset: ".38",
61
+ stopColor: "#8470ff"
62
+ }), (0, _jsxRuntime.jsx)("stop", {
63
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
64
+ offset: ".68",
65
+ stopColor: "#3d9cff"
66
+ }), (0, _jsxRuntime.jsx)("stop", {
67
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
68
+ offset: ".89",
69
+ stopColor: "#11b8ff"
70
+ }), (0, _jsxRuntime.jsx)("stop", {
71
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
72
+ offset: "1",
73
+ stopColor: "#00c3ff"
48
74
  })]
49
- }), (0, _jsxRuntime.jsx)("linearGradient", {
50
- "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
51
- id: "linearGradient3192",
52
- x1: "530.33",
53
- x2: "540.4",
54
- y1: "569.98",
55
- y2: "611.57",
56
- gradientTransform: "matrix(1 0 0 -1 -542.85 580.46)",
57
- gradientUnits: "userSpaceOnUse"
58
75
  }), (0, _jsxRuntime.jsxs)("linearGradient", {
59
76
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
60
- id: "b-8",
61
- x1: "530.33",
62
- x2: "540.4",
63
- y1: "569.98",
64
- y2: "611.57",
65
- gradientTransform: "matrix(1,0,0,-1,0,1080)",
77
+ id: "logo-dark-gradient-2",
78
+ x1: "87.78",
79
+ y1: "17.35",
80
+ x2: "87.78",
81
+ y2: "-12.19",
66
82
  gradientUnits: "userSpaceOnUse",
67
83
  children: [(0, _jsxRuntime.jsx)("stop", {
68
84
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
69
- stopColor: "#fff",
70
- offset: ".07"
85
+ offset: ".07",
86
+ stopColor: "#fff"
71
87
  }), (0, _jsxRuntime.jsx)("stop", {
72
88
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
73
- stopColor: "#009fff",
74
- offset: ".89"
89
+ offset: ".89",
90
+ stopColor: "#00baff"
75
91
  })]
76
- }), (0, _jsxRuntime.jsx)("linearGradient", {
92
+ }), (0, _jsxRuntime.jsxs)("linearGradient", {
77
93
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
78
- id: "c-5",
79
- x1: "569.17",
80
- x2: "604.29",
81
- y1: "565.3",
82
- y2: "595.33",
83
- gradientTransform: "translate(-542.85 -499.54)"
94
+ id: "logo-dark-gradient-3",
95
+ x1: "121.2",
96
+ y1: "15.53",
97
+ x2: "170.87",
98
+ y2: "15.53",
99
+ gradientUnits: "userSpaceOnUse",
100
+ children: [(0, _jsxRuntime.jsx)("stop", {
101
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
102
+ offset: "0",
103
+ stopColor: "#fff"
104
+ }), (0, _jsxRuntime.jsx)("stop", {
105
+ "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
106
+ offset: ".89",
107
+ stopColor: "#30c4ff"
108
+ })]
84
109
  }), (0, _jsxRuntime.jsxs)("linearGradient", {
85
110
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
86
- id: "d",
87
- x1: "523.4",
88
- x2: "578.42",
89
- y1: "539.16",
90
- y2: "520.11",
91
- gradientTransform: "matrix(1 0 0 -1 -542.85 580.46)",
111
+ id: "logo-dark-gradient-4",
112
+ x1: "84.53",
113
+ y1: "59.64",
114
+ x2: "143.97",
115
+ y2: "70.74",
92
116
  gradientUnits: "userSpaceOnUse",
93
117
  children: [(0, _jsxRuntime.jsx)("stop", {
94
118
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
95
- stopColor: "#4036c1",
96
- offset: "0"
119
+ offset: ".03",
120
+ stopColor: "#7b32dc"
97
121
  }), (0, _jsxRuntime.jsx)("stop", {
98
122
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
99
- stopColor: "#539eff",
100
- offset: ".98"
123
+ offset: ".98",
124
+ stopColor: "#32bdff"
101
125
  })]
102
126
  })]
103
127
  }), (0, _jsxRuntime.jsxs)("g", {
104
128
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g"),
105
- transform: "matrix(.20552 0 0 .20552 19.308 1.8254)",
129
+ id: "Stacked",
106
130
  children: [(0, _jsxRuntime.jsx)("path", {
107
131
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
108
- d: "m-15.956 87.688 65.9-65.91a7.06 7.06 0 0 0 0-10l-17.31-17.32a11.36 11.36 0 0 0-8.05-3.34h-91a11.4 11.4 0 0 0-8.06 3.34l-17.37 17.35a7 7 0 0 0-0.1 9.9l0.1 0.1 65.9 65.91a7.06 7.06 0 0 0 10 0z",
109
- fill: "url(#a-6)"
132
+ d: "M83.02,102.82l70.21-70.21c2.93-2.93,2.93-7.69,0-10.62l-18.44-18.44C132.52,1.28,129.43,0,126.21,0H29.22C26,0,22.91,1.28,20.64,3.56L2.2,21.99c-2.93,2.93-2.93,7.69,0,10.62l70.21,70.21c2.93,2.93,7.69,2.93,10.62,0Z",
133
+ fill: "url(#logo-dark-gradient)"
110
134
  }), (0, _jsxRuntime.jsx)("path", {
111
135
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
112
- d: "m-75.006-5.0117a10 10 0 0 1 9.11-2.74l114.44 23.21a3.51 3.51 0 0 1 2.73 4.13 3.26 3.26 0 0 1-0.22 0.69 7 7 0 0 0-1.11-8.5l-17.31-17.32a11.36 11.36 0 0 0-8.05-3.34h-91a11.4 11.4 0 0 0-8.06 3.34z",
113
- fill: "url(#linearGradient3192)",
136
+ d: "M20.13,4.07c2.54-2.54,6.18-3.64,9.7-2.92l121.91,24.78c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55H29.22c-3.22,0-6.31,1.28-8.58,3.56l-.51.51Z",
137
+ fill: "url(#logo-dark-gradient-2)",
114
138
  opacity: ".4"
115
139
  }), (0, _jsxRuntime.jsx)("path", {
116
140
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
117
- d: "m26.814-3.8117-6.66 13.53 28.39 5.74a3.51 3.51 0 0 1 2.73 4.13 3.26 3.26 0 0 1-0.22 0.69 7 7 0 0 0-1.11-8.5l-17.31-17.32a11.36 11.36 0 0 0-8.05-3.34h-0.88a3.48 3.48 0 0 1 3.11 5.06z",
118
- fill: "url(#c-5)",
119
- opacity: ".4"
141
+ d: "M128.59,5.35l-7.14,14.42,30.29,6.15c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55h-.94c2.75,0,4.54,2.88,3.32,5.35Z",
142
+ fill: "url(#logo-dark-gradient-3)",
143
+ opacity: ".6"
120
144
  }), (0, _jsxRuntime.jsx)("path", {
121
145
  "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
122
- d: "m51.054 20.318a3.5 3.5 0 0 0-1.82-4.6 3.26 3.26 0 0 0-0.69-0.22l-28.39-5.78-38.2 77.09a4.69 4.69 0 0 1-5.59 2.4 7.06 7.06 0 0 0 7.68-1.52l65.9-65.91a6.33 6.33 0 0 0 1.11-1.46z",
123
- fill: "url(#d)"
146
+ d: "M154.42,31.06c.9-2.06-.25-4.64-2.68-5.14l-30.29-6.15-40.65,82.12c-1.14,2.3-3.72,3.25-5.96,2.56,2.72,1.12,5.97.58,8.18-1.63l70.21-70.21c.47-.47.86-1,1.19-1.56h0Z",
147
+ fill: "url(#logo-dark-gradient-4)"
124
148
  })]
125
149
  })]
126
150
  });
package/dist/es/Logo/LogoLight.js CHANGED
@@ -15,108 +15,126 @@ function LogoLight(_ref) {
15
15
  _ref$width = _ref.width,
16
16
  width = _ref$width === void 0 ? 30 : _ref$width,
17
17
  _ref$height = _ref.height,
18
- height = _ref$height === void 0 ? 21 : _ref$height;
18
+ height = _ref$height === void 0 ? 20 : _ref$height;
19
19
  return (0, _jsxRuntime.jsxs)("svg", {
20
20
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg"),
21
21
  width: width,
22
22
  height: height,
23
23
  className: className,
24
- version: "1.1",
25
- viewBox: "0 0 30 21",
24
+ viewBox: "0 0 156 104",
26
25
  xmlns: "http://www.w3.org/2000/svg",
27
26
  children: [(0, _jsxRuntime.jsxs)("defs", {
28
27
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs"),
29
28
  children: [(0, _jsxRuntime.jsxs)("linearGradient", {
30
29
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
31
- id: "paint0_linear",
32
- x1: "9.5454",
33
- x2: "18.336",
34
- y1: "14.795",
35
- y2: "1.5642",
30
+ id: "logo-light-gradient",
31
+ x1: "43.56",
32
+ y1: "86.46",
33
+ x2: "102.47",
34
+ y2: "-15.58",
36
35
  gradientUnits: "userSpaceOnUse",
37
36
  children: [(0, _jsxRuntime.jsx)("stop", {
38
37
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
39
- stopColor: "#EFECFF",
40
- offset: "0"
38
+ offset: "0",
39
+ stopColor: "#fff"
41
40
  }), (0, _jsxRuntime.jsx)("stop", {
42
41
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
43
- stopColor: "#A4C9EB",
44
- offset: "1"
42
+ offset: "1",
43
+ stopColor: "#c8c8c8"
45
44
  })]
46
45
  }), (0, _jsxRuntime.jsxs)("linearGradient", {
47
46
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
48
- id: "paint1_linear",
49
- x1: "18.136",
50
- x2: "19.201",
51
- y1: "1.9091",
52
- y2: "-4.7377",
47
+ id: "logo-light-gradient-2",
48
+ x1: "86.7",
49
+ y1: "20.57",
50
+ x2: "97.43",
51
+ y2: "-23.74",
53
52
  gradientUnits: "userSpaceOnUse",
54
53
  children: [(0, _jsxRuntime.jsx)("stop", {
55
54
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
56
- stopColor: "#fff",
57
- offset: ".07"
55
+ offset: ".07",
56
+ stopColor: "#fff"
58
57
  }), (0, _jsxRuntime.jsx)("stop", {
59
58
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
60
- stopColor: "#009FFF",
61
- offset: ".89"
59
+ offset: "1",
60
+ stopColor: "#f0f0f0"
62
61
  })]
63
62
  }), (0, _jsxRuntime.jsxs)("linearGradient", {
64
63
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
65
- id: "paint2_linear",
66
- x1: "3743.5",
67
- x2: "4101.1",
68
- y1: "1482.8",
69
- y2: "1154.2",
64
+ id: "logo-light-gradient-3",
65
+ x1: "79.31",
66
+ y1: "53.41",
67
+ x2: "137.92",
68
+ y2: "73.7",
70
69
  gradientUnits: "userSpaceOnUse",
71
70
  children: [(0, _jsxRuntime.jsx)("stop", {
72
71
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
73
- stopColor: "#fff",
74
- offset: ".07"
72
+ offset: ".34",
73
+ stopColor: "#c8c8c8"
75
74
  }), (0, _jsxRuntime.jsx)("stop", {
76
75
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
77
- stopColor: "#009FFF",
78
- offset: ".89"
76
+ offset: ".55",
77
+ stopColor: "#d0d0d0"
78
+ }), (0, _jsxRuntime.jsx)("stop", {
79
+ "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
80
+ offset: ".9",
81
+ stopColor: "#e7e7e7"
82
+ }), (0, _jsxRuntime.jsx)("stop", {
83
+ "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
84
+ offset: "1",
85
+ stopColor: "#f0f0f0"
79
86
  })]
80
87
  }), (0, _jsxRuntime.jsxs)("linearGradient", {
81
88
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
82
- id: "paint3_linear",
83
- x1: "19.568",
84
- x2: "27.727",
85
- y1: "10.5",
86
- y2: "14.708",
89
+ id: "logo-light-gradient-4",
90
+ x1: "-31.25",
91
+ y1: "6.25",
92
+ x2: "137.84",
93
+ y2: "64.79",
87
94
  gradientUnits: "userSpaceOnUse",
88
95
  children: [(0, _jsxRuntime.jsx)("stop", {
89
96
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
90
- stopColor: "#EAF0FF",
91
- offset: "0"
97
+ offset: "0",
98
+ stopColor: "#85f"
92
99
  }), (0, _jsxRuntime.jsx)("stop", {
93
100
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
94
- stopColor: "#7BA2CB",
95
- offset: ".98"
101
+ offset: "1",
102
+ stopColor: "#00b6ff"
96
103
  })]
97
104
  })]
98
105
  }), (0, _jsxRuntime.jsxs)("g", {
99
106
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g"),
100
- transform: "matrix(.98199 0 0 .98199 -.0017606 .00011238)",
101
- clipPath: "url(#clip0)",
107
+ style: {
108
+ isolation: 'isolate'
109
+ },
102
110
  children: [(0, _jsxRuntime.jsx)("path", {
103
111
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
104
- d: "m16.317 20.561 13.797-14.039c0.2766-0.28152 0.4319-0.66328 0.4319-1.0613s-0.1553-0.77983-0.4319-1.0613l-3.6233-3.6881c-0.2215-0.22534-0.4845-0.40408-0.7739-0.52601-0.2894-0.12193-0.5995-0.18466-0.9128-0.18461h-19.061c-0.31323-5.0053e-5 -0.6234 0.062682-0.91279 0.18461-0.2894 0.12193-0.55237 0.30067-0.77387 0.52601l-3.6233 3.6881c-0.27657 0.28151-0.43194 0.66328-0.43194 1.0613s0.15537 0.77982 0.43194 1.0613l13.797 14.039c0.2767 0.2814 0.6519 0.4395 1.0431 0.4395s0.7663-0.1581 1.043-0.4395z",
105
- fill: "url(#paint0_linear)"
112
+ d: "M83.02,102.82l70.21-70.21c2.93-2.93,2.93-7.69,0-10.62l-18.44-18.44C132.52,1.28,129.43,0,126.21,0H29.22C26,0,22.91,1.28,20.64,3.56L2.2,21.99c-2.93,2.93-2.93,7.69,0,10.62l70.21,70.21c2.93,2.93,7.69,2.93,10.62,0Z",
113
+ fill: "url(#logo-light-gradient)"
106
114
  }), (0, _jsxRuntime.jsx)("path", {
107
115
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
108
- d: "m3.9557 0.81288c0.24587-0.24981 0.54868-0.43383 0.88143-0.53563 0.33274-0.1018 0.68507-0.11823 1.0256-0.047812l23.959 4.9547c0.1067 0.02229 0.2073 0.0685 0.2942 0.13528 0.087 0.06678 0.1583 0.15245 0.2086 0.25078 0.0504 0.09833 0.0786 0.20684 0.0825 0.31764 4e-3 0.1108-0.0164 0.22111-0.0596 0.3229 0.1627-0.28598 0.2281-0.61864 0.1859-0.94629s-0.1895-0.63196-0.4191-0.86566l-3.6233-3.6881c-0.2215-0.22534-0.4845-0.40408-0.7739-0.52601-0.2894-0.12193-0.5995-0.18466-0.9128-0.18461h-19.061c-0.31323-5.0053e-5 -0.6234 0.062682-0.9128 0.18461-0.2894 0.12193-0.55236 0.30067-0.77387 0.52601z",
109
- fill: "url(#paint1_linear)",
110
- opacity: ".4"
116
+ d: "M20.13,4.07c2.54-2.54,6.18-3.64,9.7-2.92l121.91,24.78c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55H29.22c-3.22,0-6.31,1.28-8.58,3.56l-.51.51Z",
117
+ fill: "url(#logo-light-gradient-2)",
118
+ opacity: ".7"
111
119
  }), (0, _jsxRuntime.jsx)("path", {
112
120
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
113
- d: "m25.278 1.0698-1.4019 2.8844 5.9517 1.2311c0.1067 0.02229 0.2072 0.0685 0.2942 0.13528s0.1582 0.15245 0.2086 0.25078c0.0503 0.09833 0.0785 0.20684 0.0825 0.31764 0.0039 0.11081-0.0164 0.22111-0.0596 0.3229 0.1627-0.28598 0.228-0.61864 0.1859-0.94629-0.0422-0.32765-0.1895-0.63196-0.4192-0.86566l-3.6297-3.6895c-0.2215-0.22534-0.4845-0.40408-0.7739-0.52601-0.2894-0.12193-0.5995-0.18466-0.9128-0.18461h-0.1842c0.1244-0.001081 0.247 0.030301 0.3561 0.091151 0.1091 0.06085 0.2011 0.14914 0.2671 0.25644 0.0661 0.1073 0.104 0.23003 0.1101 0.35647 0.0062 0.12644-0.0196 0.25239-0.0749 0.36581z",
114
- fill: "url(#paint2_linear)",
115
- opacity: ".4"
121
+ d: "M128.59,5.35l-7.14,14.42,30.29,6.15c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55h-.94c2.75,0,4.54,2.88,3.32,5.35Z",
122
+ fill: "#fff"
116
123
  }), (0, _jsxRuntime.jsx)("path", {
117
124
  "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
118
- d: "m30.347 6.2108c0.0433-0.10179 0.0636-0.2121 0.0597-0.3229-4e-3 -0.1108-0.0322-0.21931-0.0825-0.31764-0.0504-0.09832-0.1216-0.184-0.2086-0.25078s-0.1875-0.11299-0.2943-0.13528l-5.9516-1.2311-7.9888 16.422c-0.103 0.213-0.2772 0.3817-0.4914 0.4759-0.2141 0.0942-0.4542 0.1077-0.6773 0.0381 0.2694 0.1136 0.5659 0.1433 0.8519 0.0855 0.286-0.0579 0.5487-0.2008 0.7549-0.4107l13.795-14.042c0.0909-0.09263 0.1694-0.19712 0.2332-0.31073z",
119
- fill: "url(#paint3_linear)"
125
+ d: "M154.42,31.06c.9-2.06-.25-4.64-2.68-5.14l-30.29-6.15-40.65,82.12c-1.14,2.3-3.72,3.25-5.96,2.56,2.72,1.12,5.97.58,8.18-1.63l70.21-70.21c.47-.47.86-1,1.19-1.56h0Z",
126
+ fill: "url(#logo-light-gradient-3)"
127
+ }), (0, _jsxRuntime.jsx)("g", {
128
+ "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "g"),
129
+ style: {
130
+ mixBlendMode: 'color',
131
+ opacity: 0.5
132
+ },
133
+ children: (0, _jsxRuntime.jsx)("path", {
134
+ "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "g", "path"),
135
+ d: "M155.39,26.89c-.01-.26-.03-.51-.07-.77-.03-.19-.07-.37-.11-.55-.03-.13-.04-.26-.08-.38-.04-.14-.1-.26-.15-.4-.06-.17-.12-.33-.19-.5-.12-.28-.27-.54-.43-.81-.08-.13-.15-.27-.23-.39-.26-.38-.55-.75-.89-1.09h0s-18.44-18.44-18.44-18.44c-.85-.85-1.82-1.57-2.87-2.13-.02-.01-.04-.02-.06-.03C130.14.49,128.2,0,126.21,0H29.22C26,0,22.91,1.28,20.64,3.56L2.2,21.99c-2.93,2.93-2.93,7.69,0,10.62l70.21,70.21c.72.72,1.56,1.26,2.45,1.63,0,0,0,0,0,0,0,0,0,0,.01,0,.07.03.14.04.21.07.34.13.69.23,1.04.31.14.03.29.05.44.08.3.05.6.08.9.09.14,0,.28.01.42.01.43,0,.85-.04,1.27-.12.04,0,.07-.02.11-.03.39-.08.77-.2,1.15-.34.13-.05.25-.11.37-.16.29-.13.58-.28.86-.45.12-.07.23-.14.34-.21.37-.26.73-.54,1.06-.87l70.21-70.21c.31-.31.58-.65.82-1,.09-.12.17-.25.25-.37.04-.06.08-.12.12-.18.09-.15.14-.31.22-.46.1-.2.21-.4.29-.6.11-.27.18-.56.25-.84.07-.29.13-.59.17-.89.03-.27.07-.53.08-.8,0-.19-.01-.38-.02-.58Z",
136
+ fill: "url(#logo-light-gradient-4)"
137
+ })
120
138
  })]
121
139
  })]
122
140
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "td-stylekit",
3
- "version": "33.0.0",
3
+ "version": "33.1.0",
4
4
  "main": "dist/es/index.js",
5
5
  "module": "dist/es/index.js",
6
6
  "types": "dist/es/index.d.ts",