@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.
@@ -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,6 @@
1
+ import type React from 'react';
2
+ import type { IconProps } from './types/icon.js';
3
+ export declare function AnalyticsIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
4
+ export declare namespace AnalyticsIcon {
5
+ var displayName: string;
6
+ }
@@ -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 };
@@ -16,7 +16,7 @@ const DashboardIcon = ({ className, svgClassName, ...rest })=>{
16
16
  fill: "none",
17
17
  strokeLinecap: "round",
18
18
  strokeLinejoin: "round",
19
- strokeWidth: 2,
19
+ strokeWidth: 1.25,
20
20
  children: [
21
21
  ' ',
22
22
  /*#__PURE__*/ jsx("path", {
@@ -1,5 +1,6 @@
1
1
  export * from './activity-icon.js';
2
2
  export * from './ai-icon.js';
3
+ export * from './analytics-icon.js';
3
4
  export * from './byline-icon.js';
4
5
  export * from './calendar-icon.js';
5
6
  export * from './check-icon.js';
@@ -1,5 +1,6 @@
1
1
  export * from "./activity-icon.js";
2
2
  export * from "./ai-icon.js";
3
+ export * from "./analytics-icon.js";
3
4
  export * from "./byline-icon.js";
4
5
  export * from "./calendar-icon.js";
5
6
  export * from "./check-icon.js";
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.15.0",
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.9",
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.2.0",
71
+ "@types/node": "^26.4.0",
72
72
  "@types/react": "19.2.18",
73
- "@types/react-dom": "19.2.4",
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'
@@ -24,7 +24,7 @@ export const DashboardIcon = ({
24
24
  fill="none"
25
25
  strokeLinecap="round"
26
26
  strokeLinejoin="round"
27
- strokeWidth={2}
27
+ strokeWidth={1.25}
28
28
  >
29
29
  {' '}
30
30
  <path d="M5 4h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1"></path>{' '}
@@ -1,5 +1,6 @@
1
1
  export * from './activity-icon.js'
2
2
  export * from './ai-icon.js'
3
+ export * from './analytics-icon.js'
3
4
  export * from './byline-icon.js'
4
5
  export * from './calendar-icon.js'
5
6
  export * from './check-icon.js'
@@ -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'