@byline/ui 4.15.0 → 4.17.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.
- package/dist/components/button/@types/button.d.ts +0 -5
- package/dist/icons/analytics-icon.d.ts +6 -0
- package/dist/icons/analytics-icon.js +39 -0
- package/dist/icons/dashboard-icon.js +1 -1
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +1 -0
- package/dist/uikit.d.ts +1 -0
- package/dist/uikit.js +1 -0
- package/package.json +4 -6
- package/src/components/button/@types/button.ts +0 -6
- package/src/icons/analytics-icon.tsx +48 -0
- package/src/icons/dashboard-icon.tsx +1 -1
- package/src/icons/index.ts +1 -0
- package/src/icons/source/icon-analytics.svg +2 -0
- package/src/uikit.ts +1 -0
|
@@ -28,11 +28,6 @@ export type Size = 'md' | s;
|
|
|
28
28
|
* @default 'primary'
|
|
29
29
|
*/
|
|
30
30
|
export type Intent = 'primary' | t;
|
|
31
|
-
/**
|
|
32
|
-
* When `true`, the button expands to fill 100% of its container width.
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
export type FullWidth = boolean;
|
|
36
31
|
/**
|
|
37
32
|
* When `true`, enables a Material-style ripple animation on click/tap.
|
|
38
33
|
* @default false
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import { IconElement } from "./icon-element.js";
|
|
4
|
+
import icons_module from "./icons.module.js";
|
|
5
|
+
const AnalyticsIcon = ({ className, svgClassName, ...rest })=>{
|
|
6
|
+
const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
|
|
7
|
+
return /*#__PURE__*/ jsx(IconElement, {
|
|
8
|
+
className: clsx('analytics-icon', className),
|
|
9
|
+
...rest,
|
|
10
|
+
children: /*#__PURE__*/ jsxs("svg", {
|
|
11
|
+
className: applied,
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
focusable: "false",
|
|
14
|
+
"aria-hidden": "true",
|
|
15
|
+
viewBox: "0 0 24 24",
|
|
16
|
+
fill: "none",
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeLinecap: "round",
|
|
19
|
+
strokeLinejoin: "round",
|
|
20
|
+
strokeWidth: 1.75,
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ jsx("path", {
|
|
23
|
+
d: "M3 3v16a2 2 0 0 0 2 2h16"
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ jsx("path", {
|
|
26
|
+
d: "M8 20v-4"
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ jsx("path", {
|
|
29
|
+
d: "M13 20v-9"
|
|
30
|
+
}),
|
|
31
|
+
/*#__PURE__*/ jsx("path", {
|
|
32
|
+
d: "M18 20v-13"
|
|
33
|
+
})
|
|
34
|
+
]
|
|
35
|
+
})
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
AnalyticsIcon.displayName = 'AnalyticsIcon';
|
|
39
|
+
export { AnalyticsIcon };
|
package/dist/icons/index.d.ts
CHANGED
package/dist/icons/index.js
CHANGED
package/dist/uikit.d.ts
CHANGED
|
@@ -46,6 +46,7 @@ export * from './components/tabs/tabs.js';
|
|
|
46
46
|
export * from './components/tooltip/tooltip.js';
|
|
47
47
|
export * from './icons/activity-icon.js';
|
|
48
48
|
export * from './icons/ai-icon.js';
|
|
49
|
+
export * from './icons/analytics-icon.js';
|
|
49
50
|
export * from './icons/byline-icon.js';
|
|
50
51
|
export * from './icons/calendar-icon.js';
|
|
51
52
|
export * from './icons/check-icon.js';
|
package/dist/uikit.js
CHANGED
|
@@ -41,6 +41,7 @@ export * from "./components/tabs/tabs.js";
|
|
|
41
41
|
export * from "./components/tooltip/tooltip.js";
|
|
42
42
|
export * from "./icons/activity-icon.js";
|
|
43
43
|
export * from "./icons/ai-icon.js";
|
|
44
|
+
export * from "./icons/analytics-icon.js";
|
|
44
45
|
export * from "./icons/byline-icon.js";
|
|
45
46
|
export * from "./icons/calendar-icon.js";
|
|
46
47
|
export * from "./icons/check-icon.js";
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"private": false,
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
|
-
"version": "4.
|
|
6
|
+
"version": "4.17.0",
|
|
7
7
|
"engines": {
|
|
8
8
|
"node": ">=20.9.0"
|
|
9
9
|
},
|
|
@@ -65,20 +65,18 @@
|
|
|
65
65
|
"react-dom": "^19.0.0"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
|
-
"@biomejs/biome": "2.5.
|
|
68
|
+
"@biomejs/biome": "2.5.10",
|
|
69
69
|
"@rsbuild/plugin-react": "^2.1.0",
|
|
70
70
|
"@rslib/core": "^0.23.2",
|
|
71
|
-
"@types/node": "^26.
|
|
71
|
+
"@types/node": "^26.4.0",
|
|
72
72
|
"@types/react": "19.2.18",
|
|
73
|
-
"@types/react-dom": "19.2.
|
|
73
|
+
"@types/react-dom": "19.2.5",
|
|
74
74
|
"@vitejs/plugin-react": "^6.1.0",
|
|
75
75
|
"chokidar": "^5.0.0",
|
|
76
|
-
"lightningcss": "^1.33.0",
|
|
77
76
|
"lightningcss-cli": "^1.33.0",
|
|
78
77
|
"npm-run-all": "^4.1.5",
|
|
79
78
|
"react": "^19.2.8",
|
|
80
79
|
"react-dom": "^19.2.8",
|
|
81
|
-
"rimraf": "^6.1.3",
|
|
82
80
|
"typescript": "^7.0.2",
|
|
83
81
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
84
82
|
"vite": "^8.2.2",
|
|
@@ -37,12 +37,6 @@ export type Size = 'md' | s
|
|
|
37
37
|
*/
|
|
38
38
|
export type Intent = 'primary' | t
|
|
39
39
|
|
|
40
|
-
/**
|
|
41
|
-
* When `true`, the button expands to fill 100% of its container width.
|
|
42
|
-
* @default false
|
|
43
|
-
*/
|
|
44
|
-
export type FullWidth = boolean
|
|
45
|
-
|
|
46
40
|
/**
|
|
47
41
|
* When `true`, enables a Material-style ripple animation on click/tap.
|
|
48
42
|
* @default false
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type React from 'react'
|
|
2
|
+
|
|
3
|
+
import cx from 'clsx'
|
|
4
|
+
|
|
5
|
+
import { IconElement } from './icon-element.js'
|
|
6
|
+
import styles from './icons.module.css'
|
|
7
|
+
import type { IconProps } from './types/icon.js'
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Columns standing on an L-shaped axis. After lucide `chart-column-increasing`
|
|
11
|
+
* (ISC), redrawn to this set's 1.75 stroke; source kept in
|
|
12
|
+
* `source/icon-analytics.svg`. The column feet terminate one unit above the
|
|
13
|
+
* axis so their round caps meet it rather than crossing it.
|
|
14
|
+
*
|
|
15
|
+
* Distinct from `DashboardIcon`, which is a four-panel layout grid and reads as
|
|
16
|
+
* "dashboard", not "measurement".
|
|
17
|
+
*/
|
|
18
|
+
export const AnalyticsIcon = ({
|
|
19
|
+
className,
|
|
20
|
+
svgClassName,
|
|
21
|
+
...rest
|
|
22
|
+
}: IconProps): React.JSX.Element => {
|
|
23
|
+
const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
|
|
24
|
+
|
|
25
|
+
return (
|
|
26
|
+
<IconElement className={cx('analytics-icon', className)} {...rest}>
|
|
27
|
+
<svg
|
|
28
|
+
className={applied}
|
|
29
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
30
|
+
focusable="false"
|
|
31
|
+
aria-hidden="true"
|
|
32
|
+
viewBox="0 0 24 24"
|
|
33
|
+
fill="none"
|
|
34
|
+
stroke="currentColor"
|
|
35
|
+
strokeLinecap="round"
|
|
36
|
+
strokeLinejoin="round"
|
|
37
|
+
strokeWidth={1.75}
|
|
38
|
+
>
|
|
39
|
+
<path d="M3 3v16a2 2 0 0 0 2 2h16" />
|
|
40
|
+
<path d="M8 20v-4" />
|
|
41
|
+
<path d="M13 20v-9" />
|
|
42
|
+
<path d="M18 20v-13" />
|
|
43
|
+
</svg>
|
|
44
|
+
</IconElement>
|
|
45
|
+
)
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
AnalyticsIcon.displayName = 'AnalyticsIcon'
|
package/src/icons/index.ts
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- After lucide `chart-column-increasing` (ISC), redrawn for analytics-icon.tsx. -->
|
|
2
|
+
<svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="M8 20v-4"/><path d="M13 20v-9"/><path d="M18 20v-13"/></svg>
|
package/src/uikit.ts
CHANGED
|
@@ -55,6 +55,7 @@ export * from './components/tabs/tabs.js'
|
|
|
55
55
|
export * from './components/tooltip/tooltip.js'
|
|
56
56
|
export * from './icons/activity-icon.js'
|
|
57
57
|
export * from './icons/ai-icon.js'
|
|
58
|
+
export * from './icons/analytics-icon.js'
|
|
58
59
|
export * from './icons/byline-icon.js'
|
|
59
60
|
export * from './icons/calendar-icon.js'
|
|
60
61
|
export * from './icons/check-icon.js'
|