Skip to content

Commit 77275fb

Browse files
tenphitenphi
authored
feat(icons): new horizontal chart icons (#713)
1 parent b756af5 commit 77275fb

9 files changed

+98
-9
lines changed

‎.changeset/mean-parents-develop.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@cube-dev/ui-kit": patch
3+
---
4+
5+
Add new horizontal chart icons.

‎.size-limit.cjs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ module.exports = [
2020
}),
2121
);
2222
},
23-
limit: '260kB',
23+
limit: '265kB',
2424
},
2525
{
2626
name: 'Tree shaking (just a Button)',

‎package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@
120120
"@swc/core": "^1.3.36",
121121
"@swc/jest": "^0.2.36",
122122
"@testing-library/dom": "^9.3.4",
123-
"@testing-library/jest-dom": "^6.4.2",
123+
"@testing-library/jest-dom": "^6.5.0",
124124
"@testing-library/react": "^14.2.2",
125125
"@testing-library/react-hooks": "^8.0.1",
126126
"@testing-library/user-event": "14.6.1",
@@ -166,7 +166,7 @@
166166
"styled-components": "^6.1.8",
167167
"swc-loader": "^0.2.6",
168168
"typescript": "^5.6.3",
169-
"vite": "^6.2.6"
169+
"vite": "^6.3.2"
170170
},
171171
"browserslist": [
172172
"last 2 Chrome versions",

‎pnpm-lock.yaml

Lines changed: 6 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/icons/ChartBarGroupedHorizontalIcon.tsx

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ChartBarGroupedHorizontalIcon = wrapIcon(
4+
'ChartBarGroupedHorizontalIcon',
5+
<svg
6+
viewBox="0 0 24 24"
7+
xmlns="http://www.w3.org/2000/svg"
8+
width="24"
9+
height="24"
10+
fill="none"
11+
>
12+
<path
13+
stroke="#000"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
strokeWidth="1.5"
17+
d="M4 5v4m0-4v1a1 1 0 0 0 1 1M4 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H5M4 9V8a1 1 0 0 1 1-1M4 9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H5m-1 8v4m0-4v1a1 1 0 0 0 1 1m-1-2a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H5m-1 2v-1a1 1 0 0 1 1-1m-1 2a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H5"
18+
/>
19+
</svg>,
20+
);

‎src/icons/ChartBarHorizontalIcon.tsx

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ChartBarHorizontalIcon = wrapIcon(
4+
'ChartBarHorizontalIcon',
5+
<svg
6+
viewBox="0 0 24 24"
7+
xmlns="http://www.w3.org/2000/svg"
8+
width="24"
9+
height="24"
10+
fill="none"
11+
>
12+
<path
13+
stroke="#000"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
strokeWidth="1.5"
17+
d="M4.125 14.667h6.75c.298 0 .585.093.796.26.21.167.329.393.329.629v3.555c0 .236-.118.462-.33.629-.21.166-.497.26-.795.26h-6.75c-.298 0-.585-.094-.796-.26-.21-.167-.329-.393-.329-.629m1.125-4.444c-.298 0-.585.093-.796.26-.21.167-.329.393-.329.629v3.555m1.125-4.444c-.298 0-.585-.094-.796-.26-.21-.167-.329-.393-.329-.63v-3.555c0-.236.119-.462.33-.628.21-.167.497-.26.795-.26m0 5.333h11.25c.298 0 .585-.094.796-.26.21-.167.329-.393.329-.63v-3.555c0-.236-.119-.462-.33-.628a1.3 1.3 0 0 0-.795-.26H4.125M3 19.11V6.667m1.125 2.666c-.298 0-.585-.093-.796-.26C3.12 8.906 3 8.68 3 8.444V4.89c0-.236.119-.462.33-.629.21-.166.497-.26.795-.26h15.75c.298 0 .584.094.796.26.21.167.329.393.329.629v3.555c0 .236-.119.462-.33.629-.21.167-.497.26-.795.26z"
18+
/>
19+
</svg>,
20+
);

‎src/icons/ChartBarStackedHorizontalIcon.tsx

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ChartBarStackedHorizontalIcon = wrapIcon(
4+
'ChartBarStackedHorizontalIcon',
5+
<svg
6+
viewBox="0 0 24 24"
7+
xmlns="http://www.w3.org/2000/svg"
8+
width="24"
9+
height="24"
10+
fill="none"
11+
>
12+
<path
13+
stroke="#000"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
strokeWidth="1.5"
17+
d="M7.625 20v-5.333m0 5.333h-4.5C2.504 20 2 19.602 2 19.111v-3.555c0-.491.504-.89 1.125-.89M7.625 20h4.5c.621 0 1.125-.398 1.125-.889v-3.555c0-.491-.504-.89-1.125-.89h-4.5m0 0h-4.5m0 0H11m-7.875 0c-.621 0-1.125-.397-1.125-.888v-3.556c0-.49.504-.889 1.125-.889M11 14.667V9.333m0 5.334h4.5c.621 0 1.125-.398 1.125-.89v-3.555c0-.49-.504-.889-1.125-.889H11m0 0H3.125m0 0H13.25m-10.125 0C2.504 9.333 2 8.935 2 8.444V4.89C2 4.398 2.504 4 3.125 4H13.25m0 5.333V4m0 5.333h5.625c.621 0 1.125-.398 1.125-.889V4.89C20 4.398 19.496 4 18.875 4H13.25M2 18.222V5.778"
18+
/>
19+
</svg>,
20+
);

‎src/icons/ChartBarStackedPercentageHorizontalIcon.tsx

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ChartBarStackedPercentageHorizontalIcon = wrapIcon(
4+
'ChartBarStackedPercentageHorizontalIcon',
5+
<svg
6+
viewBox="0 0 24 24"
7+
xmlns="http://www.w3.org/2000/svg"
8+
width="24"
9+
height="24"
10+
fill="none"
11+
>
12+
<path
13+
stroke="#000"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
strokeWidth="1.5"
17+
d="M8.625 4v5.333m0-5.333h-4.5C3.504 4 3 4.398 3 4.889v3.555c0 .491.504.89 1.125.89M8.625 4h11.25c.621 0 1.125.398 1.125.889v3.555c0 .491-.504.89-1.125.89m-11.25 0h-4.5m4.5 0h11.25m-15.75 0H12m-7.875 0c-.621 0-1.125.397-1.125.888v3.556c0 .49.504.889 1.125.889m15.75-5.334H12m7.875 0c.621 0 1.125.398 1.125.89v3.555c0 .49-.504.889-1.125.889M12 9.333v5.334m0 0H4.125m7.875 0h7.875m-15.75 0H14.25m-10.125 0c-.621 0-1.125.398-1.125.889v3.555c0 .491.504.889 1.125.889H14.25m0-5.333V20m0-5.333h5.625M14.25 20h5.625c.621 0 1.125-.398 1.125-.889v-3.555c0-.491-.504-.89-1.125-.89M3 5.779v12.444M21 5.778v12.444"
18+
/>
19+
</svg>,
20+
);

‎src/icons/index.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,13 @@ export { CalendarEditIcon } from './CalendarEditIcon';
1111
export { CalendarIcon } from './CalendarIcon';
1212
export { CaretDownIcon } from './CaretDownIcon';
1313
export { CaretUpIcon } from './CaretUpIcon';
14+
export { ChartBarGroupedHorizontalIcon } from './ChartBarGroupedHorizontalIcon';
1415
export { ChartBarGroupedIcon } from './ChartBarGroupedIcon';
16+
export { ChartBarHorizontalIcon } from './ChartBarHorizontalIcon';
1517
export { ChartBarLineIcon } from './ChartBarLineIcon';
18+
export { ChartBarStackedHorizontalIcon } from './ChartBarStackedHorizontalIcon';
1619
export { ChartBarStackedIcon } from './ChartBarStackedIcon';
20+
export { ChartBarStackedPercentageHorizontalIcon } from './ChartBarStackedPercentageHorizontalIcon';
1721
export { ChartBarStackedPercentageIcon } from './ChartBarStackedPercentageIcon';
1822
export { ChartBoxPlot2Icon } from './ChartBoxPlot2Icon';
1923
export { ChartBoxPlotIcon } from './ChartBoxPlotIcon';

0 commit comments

Comments
 (0)