highsoft-ui 1.0.150 → 1.0.152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CLAUDE.md +1 -1
- package/dist/{CodeBlock-CeW4bP9I.js → CodeBlock-BKiZQpA5.js} +1 -1
- package/dist/{Footer-_P2pj3K7.js → Footer-ZdzuxuhY.js} +1 -1
- package/dist/{FooterLinks-CogdK_5Z.js → FooterLinks-HGxMx6Xz.js} +4 -0
- package/dist/{FrameworkIcon-BxNtPuYx.js → FrameworkIcon-D7N3PjYr.js} +2 -1
- package/dist/components/CodeBlock/index.js +1 -1
- package/dist/components/Footer/FooterLinks.js +1 -1
- package/dist/components/Footer/index.js +1 -1
- package/dist/components/FrameworkIcon/icons/monochrome/Flutter.js +18 -0
- package/dist/components/FrameworkIcon/icons/monochrome/index.js +18 -16
- package/dist/components/FrameworkIcon/icons/multi/Flutter.js +50 -0
- package/dist/components/FrameworkIcon/icons/multi/index.js +18 -16
- package/dist/components/FrameworkIcon/index.js +1 -1
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Flutter.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/index.d.ts +1 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Flutter.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/index.d.ts +1 -0
- package/dist/lib/components/FrameworkIcon/index.d.ts +1 -1
- package/dist/main.js +3 -3
- package/package.json +1 -1
package/CLAUDE.md
CHANGED
|
@@ -216,7 +216,7 @@ Language, framework and platform brand icons in two themes.
|
|
|
216
216
|
<FrameworkIcon icon="html" theme="monochrome" size={24} /> // follows text color
|
|
217
217
|
<FrameworkIcon icon="react" size={32} box /> // layered box tile
|
|
218
218
|
```
|
|
219
|
-
- **`icon`:** `javascript`, `typescript`, `react`, `vue`, `angular`, `python`, `swift`, `android`, `html`, `css`, `dotnet`, `figma`
|
|
219
|
+
- **`icon`:** `javascript`, `typescript`, `react`, `vue`, `angular`, `python`, `swift`, `android`, `html`, `css`, `dotnet`, `figma`, `flutter`
|
|
220
220
|
- **`theme`:** `multi` (default, full brand color) | `monochrome` (single tone via `currentColor`)
|
|
221
221
|
- **`size`:** `12` | `16` | `20` | `24` (default) | `32` | `40` | `52` | `64` | `72`
|
|
222
222
|
- **`box`:** wraps the icon in a shell + inner tile with a hover lift; the shell background reads `--hsui-icon-box-bg` so a parent (e.g. a selected `RadioBox`) can retint it without a prop
|
|
@@ -2,7 +2,7 @@ import { r as e, s as t } from "./utils-K9S_6_Eq.js";
|
|
|
2
2
|
import { t as n } from "./clsx-BWCAbrjV.js";
|
|
3
3
|
import { H as r, K as i } from "./esm-BnxclXHW.js";
|
|
4
4
|
import { t as a } from "./Button-BGsqFCRW.js";
|
|
5
|
-
import { t as o } from "./FrameworkIcon-
|
|
5
|
+
import { t as o } from "./FrameworkIcon-D7N3PjYr.js";
|
|
6
6
|
import { Fragment as s, forwardRef as c, useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
|
|
7
7
|
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
8
8
|
var h = {
|
|
@@ -7,7 +7,7 @@ import { t as o } from "./Logo-Bz0G2G-k.js";
|
|
|
7
7
|
import { t as s } from "./NewsletterSignup-DrcPfdrg.js";
|
|
8
8
|
import { t as c } from "./FooterBottom-CqpN8Wky.js";
|
|
9
9
|
import { t as l } from "./FooterHelp-Cb5sraAE.js";
|
|
10
|
-
import { t as u } from "./FooterLinks-
|
|
10
|
+
import { t as u } from "./FooterLinks-HGxMx6Xz.js";
|
|
11
11
|
import { t as d } from "./YoutubeModal-BBYdQil8.js";
|
|
12
12
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
13
13
|
var m = {
|
|
@@ -252,6 +252,10 @@ var u = {
|
|
|
252
252
|
title: "Standard License Agreement",
|
|
253
253
|
url: "https://shop.highcharts.com/license"
|
|
254
254
|
},
|
|
255
|
+
{
|
|
256
|
+
title: "Orbit Beta Agreement",
|
|
257
|
+
url: "https://shop.highcharts.com/license-orbit"
|
|
258
|
+
},
|
|
255
259
|
{
|
|
256
260
|
title: "Code of Conduct",
|
|
257
261
|
url: "https://www.highcharts.com/code-of-business-conduct-and-ethics"
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../CodeBlock-
|
|
1
|
+
import { t as e } from "../../CodeBlock-BKiZQpA5.js";
|
|
2
2
|
export { e as CodeBlock };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FooterLinks-
|
|
1
|
+
import { t as e } from "../../FooterLinks-HGxMx6Xz.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Footer-
|
|
1
|
+
import { t as e } from "../../Footer-ZdzuxuhY.js";
|
|
2
2
|
export { e as Footer };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
//#region lib/components/FrameworkIcon/icons/monochrome/Flutter.tsx
|
|
3
|
+
function t(t) {
|
|
4
|
+
return /* @__PURE__ */ e("svg", {
|
|
5
|
+
width: "16",
|
|
6
|
+
height: "16",
|
|
7
|
+
viewBox: "0 0 20 20",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...t,
|
|
11
|
+
children: /* @__PURE__ */ e("path", {
|
|
12
|
+
fill: "currentColor",
|
|
13
|
+
d: "M5.27201 12.6573L2.59601 9.98133L11.296 1.28H16.6507L5.27201 12.6573ZM11.9653 14L16.6493 18.6813H11.296L8.95331 16.3387L11.9653 14ZM11.9653 14L8.95331 11.6533L11.296 9.312H16.6506L11.9653 14ZM6.61066 14L9.28799 11.32L11.9653 14L9.28799 16.6733L6.61066 14ZM9.28802 16.6733L11.9654 13.996L13.304 15.3347L9.28802 16.6733Z"
|
|
14
|
+
})
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
export { t as default };
|
|
@@ -4,27 +4,29 @@ import n from "./Angular.js";
|
|
|
4
4
|
import r from "./Css.js";
|
|
5
5
|
import i from "./Dotnet.js";
|
|
6
6
|
import a from "./Figma.js";
|
|
7
|
-
import o from "./
|
|
8
|
-
import s from "./
|
|
9
|
-
import c from "./
|
|
10
|
-
import l from "./
|
|
11
|
-
import u from "./
|
|
12
|
-
import d from "./
|
|
13
|
-
import f from "./
|
|
7
|
+
import o from "./Flutter.js";
|
|
8
|
+
import s from "./Html.js";
|
|
9
|
+
import c from "./Javascript.js";
|
|
10
|
+
import l from "./Python.js";
|
|
11
|
+
import u from "./React.js";
|
|
12
|
+
import d from "./Swift.js";
|
|
13
|
+
import f from "./Typescript.js";
|
|
14
|
+
import p from "./Vue.js";
|
|
14
15
|
//#region lib/components/FrameworkIcon/icons/monochrome/index.ts
|
|
15
|
-
var
|
|
16
|
+
var m = /* @__PURE__ */ e({
|
|
16
17
|
Android: () => t,
|
|
17
18
|
Angular: () => n,
|
|
18
19
|
Css: () => r,
|
|
19
20
|
Dotnet: () => i,
|
|
20
21
|
Figma: () => a,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
Flutter: () => o,
|
|
23
|
+
Html: () => s,
|
|
24
|
+
Javascript: () => c,
|
|
25
|
+
Python: () => l,
|
|
26
|
+
React: () => u,
|
|
27
|
+
Swift: () => d,
|
|
28
|
+
Typescript: () => f,
|
|
29
|
+
Vue: () => p
|
|
28
30
|
});
|
|
29
31
|
//#endregion
|
|
30
|
-
export { t as Android, n as Angular, r as Css, i as Dotnet, a as Figma, o as
|
|
32
|
+
export { t as Android, n as Angular, r as Css, i as Dotnet, a as Figma, o as Flutter, s as Html, c as Javascript, l as Python, u as React, d as Swift, f as Typescript, p as Vue, m as t };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
//#region lib/components/FrameworkIcon/icons/multi/Flutter.tsx
|
|
3
|
+
function n(n) {
|
|
4
|
+
return /* @__PURE__ */ t("svg", {
|
|
5
|
+
width: "16",
|
|
6
|
+
height: "16",
|
|
7
|
+
viewBox: "0 0 20 20",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...n,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ e("path", {
|
|
13
|
+
fill: "#54C5F8",
|
|
14
|
+
d: "M5.27201 12.6573L2.59601 9.98133L11.296 1.28H16.6507L5.27201 12.6573Z"
|
|
15
|
+
}),
|
|
16
|
+
/* @__PURE__ */ e("path", {
|
|
17
|
+
fill: "#01579B",
|
|
18
|
+
d: "M8.95331 16.3387L11.296 18.6813H16.6493L11.9653 14L8.95331 16.3387Z"
|
|
19
|
+
}),
|
|
20
|
+
/* @__PURE__ */ e("path", {
|
|
21
|
+
fill: "#54C5F8",
|
|
22
|
+
d: "M16.6506 9.312H11.296L8.95331 11.6533L11.9653 14L16.6506 9.312Z"
|
|
23
|
+
}),
|
|
24
|
+
/* @__PURE__ */ e("path", {
|
|
25
|
+
fill: "#29B6F6",
|
|
26
|
+
fillRule: "evenodd",
|
|
27
|
+
clipRule: "evenodd",
|
|
28
|
+
d: "M6.61066 14L9.28799 11.32L11.9653 14L9.28799 16.6733L6.61066 14Z"
|
|
29
|
+
}),
|
|
30
|
+
/* @__PURE__ */ e("path", {
|
|
31
|
+
fill: "url(#hs-flutter-shade)",
|
|
32
|
+
d: "M9.28802 16.6733L11.9654 13.996L13.304 15.3347L9.28802 16.6733Z"
|
|
33
|
+
}),
|
|
34
|
+
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ t("linearGradient", {
|
|
35
|
+
id: "hs-flutter-shade",
|
|
36
|
+
x1: "12.4534",
|
|
37
|
+
y1: "14.776",
|
|
38
|
+
x2: "9.84136",
|
|
39
|
+
y2: "16.3573",
|
|
40
|
+
gradientUnits: "userSpaceOnUse",
|
|
41
|
+
children: [/* @__PURE__ */ e("stop", { stopColor: "#01579B" }), /* @__PURE__ */ e("stop", {
|
|
42
|
+
offset: "1",
|
|
43
|
+
stopColor: "#002B4B"
|
|
44
|
+
})]
|
|
45
|
+
}) })
|
|
46
|
+
]
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
//#endregion
|
|
50
|
+
export { n as default };
|
|
@@ -4,27 +4,29 @@ import n from "./Angular.js";
|
|
|
4
4
|
import r from "./Css.js";
|
|
5
5
|
import i from "./Dotnet.js";
|
|
6
6
|
import a from "./Figma.js";
|
|
7
|
-
import o from "./
|
|
8
|
-
import s from "./
|
|
9
|
-
import c from "./
|
|
10
|
-
import l from "./
|
|
11
|
-
import u from "./
|
|
12
|
-
import d from "./
|
|
13
|
-
import f from "./
|
|
7
|
+
import o from "./Flutter.js";
|
|
8
|
+
import s from "./Html.js";
|
|
9
|
+
import c from "./Javascript.js";
|
|
10
|
+
import l from "./Python.js";
|
|
11
|
+
import u from "./React.js";
|
|
12
|
+
import d from "./Swift.js";
|
|
13
|
+
import f from "./Typescript.js";
|
|
14
|
+
import p from "./Vue.js";
|
|
14
15
|
//#region lib/components/FrameworkIcon/icons/multi/index.ts
|
|
15
|
-
var
|
|
16
|
+
var m = /* @__PURE__ */ e({
|
|
16
17
|
Android: () => t,
|
|
17
18
|
Angular: () => n,
|
|
18
19
|
Css: () => r,
|
|
19
20
|
Dotnet: () => i,
|
|
20
21
|
Figma: () => a,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
Flutter: () => o,
|
|
23
|
+
Html: () => s,
|
|
24
|
+
Javascript: () => c,
|
|
25
|
+
Python: () => l,
|
|
26
|
+
React: () => u,
|
|
27
|
+
Swift: () => d,
|
|
28
|
+
Typescript: () => f,
|
|
29
|
+
Vue: () => p
|
|
28
30
|
});
|
|
29
31
|
//#endregion
|
|
30
|
-
export { t as Android, n as Angular, r as Css, i as Dotnet, a as Figma, o as
|
|
32
|
+
export { t as Android, n as Angular, r as Css, i as Dotnet, a as Figma, o as Flutter, s as Html, c as Javascript, l as Python, u as React, d as Swift, f as Typescript, p as Vue, m as t };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FrameworkIcon-
|
|
1
|
+
import { t as e } from "../../FrameworkIcon-D7N3PjYr.js";
|
|
2
2
|
export { e as FrameworkIcon };
|
|
@@ -3,6 +3,7 @@ export { default as Angular } from './Angular';
|
|
|
3
3
|
export { default as Css } from './Css';
|
|
4
4
|
export { default as Dotnet } from './Dotnet';
|
|
5
5
|
export { default as Figma } from './Figma';
|
|
6
|
+
export { default as Flutter } from './Flutter';
|
|
6
7
|
export { default as Html } from './Html';
|
|
7
8
|
export { default as Javascript } from './Javascript';
|
|
8
9
|
export { default as Python } from './Python';
|
|
@@ -3,6 +3,7 @@ export { default as Angular } from './Angular';
|
|
|
3
3
|
export { default as Css } from './Css';
|
|
4
4
|
export { default as Dotnet } from './Dotnet';
|
|
5
5
|
export { default as Figma } from './Figma';
|
|
6
|
+
export { default as Flutter } from './Flutter';
|
|
6
7
|
export { default as Html } from './Html';
|
|
7
8
|
export { default as Javascript } from './Javascript';
|
|
8
9
|
export { default as Python } from './Python';
|
|
@@ -16,7 +16,7 @@ export type FrameworkIconTheme = 'multi' | 'monochrome';
|
|
|
16
16
|
*
|
|
17
17
|
* @see FrameworkIcon.stories.tsx for visual examples of all icons and themes
|
|
18
18
|
*/
|
|
19
|
-
export type FrameworkIconName = 'javascript' | 'typescript' | 'react' | 'vue' | 'angular' | 'python' | 'swift' | 'android' | 'html' | 'css' | 'dotnet' | 'figma';
|
|
19
|
+
export type FrameworkIconName = 'javascript' | 'typescript' | 'react' | 'vue' | 'angular' | 'python' | 'swift' | 'android' | 'html' | 'css' | 'dotnet' | 'figma' | 'flutter';
|
|
20
20
|
export interface FrameworkIconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {
|
|
21
21
|
/** Framework, language or platform name */
|
|
22
22
|
icon: FrameworkIconName;
|
package/dist/main.js
CHANGED
|
@@ -2,8 +2,8 @@ import { c as e, d as t, r as n, s as r, u as i } from "./utils-K9S_6_Eq.js";
|
|
|
2
2
|
import { t as a } from "./Box-BZgeSeCV.js";
|
|
3
3
|
import { t as o } from "./Button-BGsqFCRW.js";
|
|
4
4
|
import { t as s } from "./CopyCode-_yeXCeeq.js";
|
|
5
|
-
import { t as c } from "./FrameworkIcon-
|
|
6
|
-
import { t as l } from "./CodeBlock-
|
|
5
|
+
import { t as c } from "./FrameworkIcon-D7N3PjYr.js";
|
|
6
|
+
import { t as l } from "./CodeBlock-BKiZQpA5.js";
|
|
7
7
|
import { t as u } from "./Icon-VeXJMj8Q.js";
|
|
8
8
|
import { t as d } from "./Link-CYR92_U0.js";
|
|
9
9
|
import { t as f } from "./ProductIcon-DFLAYWbu.js";
|
|
@@ -23,7 +23,7 @@ import { n as A, t as j } from "./Label-CgiWi1v6.js";
|
|
|
23
23
|
import { t as M } from "./VideoCover-DqMDvzvA.js";
|
|
24
24
|
import { t as N } from "./VideoPlayer-Cq_garSg.js";
|
|
25
25
|
import { t as P } from "./VideoPlayerModal-D1v1O2kW.js";
|
|
26
|
-
import { t as F } from "./Footer-
|
|
26
|
+
import { t as F } from "./Footer-ZdzuxuhY.js";
|
|
27
27
|
import { n as I } from "./GPTInput-C0YG1990.js";
|
|
28
28
|
import { t as L } from "./Notification-B3skQvZE.js";
|
|
29
29
|
import { n as R, t as z } from "./Header-CVKH_INR.js";
|