Skip to content

Commit 66d7ffb

Browse files
Swathi-eGovSwathi-eGov
authored
Fixed icon issue and added new icons (#393)
1 parent 09af94e commit 66d7ffb

5 files changed

Lines changed: 96 additions & 5 deletions

File tree

‎react/react-components/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@egovernments/digit-ui-react-components",
3-
"version": "2.0.0-dev-10",
3+
"version": "2.0.0-dev-11",
44
"license": "MIT",
55
"main": "dist/main.js",
66
"module": "dist/main.js",
@@ -61,7 +61,7 @@
6161
],
6262
"dependencies": {
6363
"@cyntler/react-doc-viewer": "1.10.3",
64-
"@egovernments/digit-ui-components": "2.0.0-dev-37",
64+
"@egovernments/digit-ui-components": "2.0.0-dev-38",
6565
"@egovernments/digit-ui-svg-components": "2.0.0-dev-01",
6666
"@googlemaps/js-api-loader": "1.13.10",
6767
"@hookform/resolvers": "1.3.7",

‎react/storybook/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
"webpack-cli": "^6.0.1"
4848
},
4949
"dependencies": {
50-
"@egovernments/digit-ui-components": "2.0.0-dev-37",
50+
"@egovernments/digit-ui-components": "2.0.0-dev-38",
5151
"@egovernments/digit-ui-components-css": "2.0.0-dev-12",
5252
"@egovernments/digit-ui-libraries": "2.0.0-dev-08",
5353
"@egovernments/digit-ui-svg-components": "2.0.0-dev-01",

‎react/ui-components/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@egovernments/digit-ui-components",
3-
"version": "2.0.0-dev-37",
3+
"version": "2.0.0-dev-38",
44
"license": "MIT",
55
"main": "dist/main.js",
66
"module": "dist/main.js",

‎react/ui-components/src/atoms/CustomSVG.js‎

Lines changed: 89 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3907,6 +3907,21 @@ const VariableAddFilled = ({
39073907
</svg>
39083908
);
39093909

3910+
const VariableAdd = ({ width = "32", height = "32", fill = "#C84C0E" }) => (
3911+
<svg
3912+
xmlns="http://www.w3.org/2000/svg"
3913+
width={width}
3914+
height={height}
3915+
viewBox="0 0 21 13"
3916+
fill="none"
3917+
>
3918+
<path
3919+
d="M11 10H0V0H18V3H16V2H2V8H11V10ZM16 13V10H13V8H16V5H18V8H21V10H18V13H16Z"
3920+
fill={fill}
3921+
/>
3922+
</svg>
3923+
);
3924+
39103925
const CheckboxSVG = ({ width = "32", height = "32", fill = "#C84C0E" }) => (
39113926
<svg
39123927
xmlns="http://www.w3.org/2000/svg"
@@ -3966,7 +3981,7 @@ const RadioButtonChecked = ({
39663981
>
39673982
<mask
39683983
id="mask0_78718_25700"
3969-
style="mask-type:alpha"
3984+
style={{ maskType: "alpha" }}
39703985
maskUnits="userSpaceOnUse"
39713986
x="0"
39723987
y="0"
@@ -4014,7 +4029,80 @@ const TextAd = ({ width = "32", height = "32", fill = "#C84C0E" }) => (
40144029
</svg>
40154030
);
40164031

4032+
const FlowFilled = ({ width = "24", height = "24", fill = "#C84C0E" }) => (
4033+
<svg
4034+
width={width}
4035+
height={height}
4036+
viewBox="0 0 24 24"
4037+
fill="none"
4038+
xmlns="http://www.w3.org/2000/svg"
4039+
>
4040+
<mask
4041+
id="mask0_78718_26637"
4042+
style={{ maskType: "alpha" }}
4043+
maskUnits="userSpaceOnUse"
4044+
x="0"
4045+
y="0"
4046+
width="24"
4047+
height="24"
4048+
>
4049+
<rect
4050+
x="24"
4051+
y="1.04907e-06"
4052+
width="24"
4053+
height="24"
4054+
transform="rotate(90 24 1.04907e-06)"
4055+
fill="#D9D9D9"
4056+
/>
4057+
</mask>
4058+
<g mask="url(#mask0_78718_26637)">
4059+
<path
4060+
d="M3 8C3 6.61667 3.4875 5.4375 4.4625 4.4625C5.4375 3.4875 6.61667 3 8 3L17.8 3C18.7 3 19.4583 3.275 20.075 3.825C20.6917 4.375 21 5.1 21 6C21 6.9 20.725 7.625 20.175 8.175C19.625 8.725 18.9 9 18 9C17.15 9 16.4375 8.7125 15.8625 8.1375C15.2875 7.5625 15 6.85 15 6L15 5L8 5C7.16667 5 6.45833 5.29167 5.875 5.875C5.29167 6.45833 5 7.16667 5 8C5 8.83333 5.29167 9.54167 5.875 10.125C6.45833 10.7083 7.16667 11 8 11L16 11C17.3833 11 18.5625 11.4875 19.5375 12.4625C20.5125 13.4375 21 14.6167 21 16C21 17.3833 20.5125 18.5625 19.5375 19.5375C18.5625 20.5125 17.3833 21 16 21L6 21C5.15 21 4.4375 20.6792 3.8625 20.0375C3.2875 19.3958 3 18.65 3 17.8C3 16.95 3.2875 16.2708 3.8625 15.7625C4.4375 15.2542 5.15 15 6 15C6.85 15 7.5625 15.2875 8.1375 15.8625C8.7125 16.4375 9 17.15 9 18L9 19L16 19C16.8333 19 17.5417 18.7083 18.125 18.125C18.7083 17.5417 19 16.8333 19 16C19 15.1667 18.7083 14.4583 18.125 13.875C17.5417 13.2917 16.8333 13 16 13L8 13C6.61667 13 5.4375 12.5125 4.4625 11.5375C3.4875 10.5625 3 9.38333 3 8Z"
4061+
fill={fill}
4062+
/>
4063+
</g>
4064+
</svg>
4065+
);
4066+
4067+
const FlowUnfilled = ({ width = "24", height = "24", fill = "#C84C0E" }) => (
4068+
<svg
4069+
width={width}
4070+
height={height}
4071+
viewBox="0 0 24 24"
4072+
fill="none"
4073+
xmlns="http://www.w3.org/2000/svg"
4074+
>
4075+
<mask
4076+
id="mask0_78718_26308"
4077+
style={{ maskType: "alpha" }}
4078+
maskUnits="userSpaceOnUse"
4079+
x="0"
4080+
y="0"
4081+
width="24"
4082+
height="24"
4083+
>
4084+
<rect
4085+
x="1.04908e-06"
4086+
y="24"
4087+
width="24"
4088+
height="24"
4089+
transform="rotate(-90 1.04908e-06 24)"
4090+
fill="#D9D9D9"
4091+
/>
4092+
</mask>
4093+
<g mask="url(#mask0_78718_26308)">
4094+
<path
4095+
d="M21 16C21 17.3833 20.5125 18.5625 19.5375 19.5375C18.5625 20.5125 17.3833 21 16 21L6.2 21C5.3 21 4.54167 20.725 3.925 20.175C3.30833 19.625 3 18.9 3 18C3 17.1 3.275 16.375 3.825 15.825C4.375 15.275 5.1 15 6 15C6.85 15 7.5625 15.2875 8.1375 15.8625C8.7125 16.4375 9 17.15 9 18L9 19L16 19C16.8333 19 17.5417 18.7083 18.125 18.125C18.7083 17.5417 19 16.8333 19 16C19 15.1667 18.7083 14.4583 18.125 13.875C17.5417 13.2917 16.8333 13 16 13L8 13C6.61667 13 5.4375 12.5125 4.4625 11.5375C3.4875 10.5625 3 9.38333 3 8C3 6.61667 3.4875 5.4375 4.4625 4.4625C5.4375 3.4875 6.61667 3 8 3L18 3C18.85 3 19.5625 3.32083 20.1375 3.9625C20.7125 4.60417 21 5.35 21 6.2C21 7.05 20.7125 7.72917 20.1375 8.2375C19.5625 8.74583 18.85 9 18 9C17.15 9 16.4375 8.7125 15.8625 8.1375C15.2875 7.5625 15 6.85 15 6L15 5L8 5C7.16667 5 6.45833 5.29167 5.875 5.875C5.29167 6.45833 5 7.16667 5 8C5 8.83333 5.29167 9.54167 5.875 10.125C6.45833 10.7083 7.16667 11 8 11L16 11C17.3833 11 18.5625 11.4875 19.5375 12.4625C20.5125 13.4375 21 14.6167 21 16ZM7 19L7 18C7 17.7167 6.90417 17.4792 6.7125 17.2875C6.52083 17.0958 6.28333 17 6 17C5.71667 17 5.47917 17.0958 5.2875 17.2875C5.09583 17.4792 5 17.7167 5 18C5 18.2833 5.09583 18.5208 5.2875 18.7125C5.47917 18.9042 5.71667 19 6 19L7 19ZM19 6C19 5.71667 18.9042 5.47917 18.7125 5.2875C18.5208 5.09583 18.2833 5 18 5L17 5L17 6C17 6.28333 17.0958 6.52083 17.2875 6.7125C17.4792 6.90417 17.7167 7 18 7C18.2833 7 18.5208 6.90417 18.7125 6.7125C18.9042 6.52083 19 6.28333 19 6Z"
4096+
fill={fill}
4097+
/>
4098+
</g>
4099+
</svg>
4100+
);
4101+
40174102
export const CustomSVG = {
4103+
VariableAdd,
4104+
FlowFilled,
4105+
FlowUnfilled,
40184106
TextAd,
40194107
FontDownload,
40204108
RadioButtonChecked,

‎react/ui-components/src/index.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -132,6 +132,9 @@ import {
132132

133133
//exporting all the svg items separately as at few places they are being imported directly
134134
export const {
135+
FlowFilled,
136+
VariableAdd,
137+
FlowUnfilled,
135138
FontDownload,
136139
TextAd,
137140
RadioButtonChecked,

0 commit comments

Comments
 (0)