frst-components 0.23.94 → 0.23.96
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/index.js
CHANGED
|
@@ -12983,51 +12983,52 @@ function DropdownProfileMenu({ variant, user, menuItems, profileMenuText, isMobi
|
|
|
12983
12983
|
}
|
|
12984
12984
|
|
|
12985
12985
|
const notificationContainer$1 = styled__default["default"].div `
|
|
12986
|
-
|
|
12987
|
-
|
|
12988
|
-
|
|
12989
|
-
|
|
12990
|
-
|
|
12991
|
-
|
|
12992
|
-
|
|
12993
|
-
|
|
12986
|
+
display: flex;
|
|
12987
|
+
justify-content: flex-start;
|
|
12988
|
+
align-items: flex-start;
|
|
12989
|
+
width: 375px;
|
|
12990
|
+
height: auto;
|
|
12991
|
+
padding: 16px;
|
|
12992
|
+
gap: 16px;
|
|
12993
|
+
cursor: pointer;
|
|
12994
12994
|
`;
|
|
12995
12995
|
const notificationInfo = styled__default["default"].div `
|
|
12996
|
-
|
|
12997
|
-
|
|
12998
|
-
|
|
12999
|
-
|
|
13000
|
-
|
|
12996
|
+
display: flex;
|
|
12997
|
+
align-items: flex-start;
|
|
12998
|
+
flex-direction: column;
|
|
12999
|
+
justify-content: space-between;
|
|
13000
|
+
height: 100%;
|
|
13001
13001
|
`;
|
|
13002
13002
|
const notificationDescription = styled__default["default"].div `
|
|
13003
|
-
|
|
13004
|
-
|
|
13005
|
-
|
|
13003
|
+
font-family: 'PT Sans';
|
|
13004
|
+
font-size: 16px;
|
|
13005
|
+
font-weight: 400;
|
|
13006
|
+
color: ${({ theme }) => theme.colors.selectItens};
|
|
13007
|
+
a {
|
|
13006
13008
|
color: ${({ theme }) => theme.colors.selectItens};
|
|
13007
|
-
|
|
13008
|
-
|
|
13009
|
-
|
|
13010
|
-
}
|
|
13009
|
+
text-decoration: none;
|
|
13010
|
+
pointer-events: none;
|
|
13011
|
+
}
|
|
13011
13012
|
`;
|
|
13012
13013
|
const notificationDate = styled__default["default"].div `
|
|
13013
|
-
|
|
13014
|
-
|
|
13015
|
-
|
|
13016
|
-
|
|
13017
|
-
|
|
13014
|
+
display: flex;
|
|
13015
|
+
justify-content: center;
|
|
13016
|
+
align-items: center;
|
|
13017
|
+
gap: 8px;
|
|
13018
|
+
margin-top: 8px;
|
|
13018
13019
|
|
|
13019
|
-
|
|
13020
|
-
|
|
13021
|
-
|
|
13022
|
-
|
|
13020
|
+
font-family: 'PT Sans';
|
|
13021
|
+
font-size: 14px;
|
|
13022
|
+
font-weight: 400;
|
|
13023
|
+
color: ${({ theme }) => theme.colors.neutralsGrey5};
|
|
13023
13024
|
`;
|
|
13024
13025
|
styled__default["default"].div `
|
|
13025
|
-
|
|
13026
|
-
|
|
13027
|
-
|
|
13028
|
-
|
|
13029
|
-
|
|
13030
|
-
|
|
13026
|
+
display: none;
|
|
13027
|
+
position: absolute;
|
|
13028
|
+
border: 1px solid black;
|
|
13029
|
+
background-color: #fff;
|
|
13030
|
+
padding: 10px;
|
|
13031
|
+
z-index: 1000;
|
|
13031
13032
|
`;
|
|
13032
13033
|
const pulseAnimation$1 = styled.keyframes `
|
|
13033
13034
|
0% {
|
|
@@ -13041,25 +13042,25 @@ const pulseAnimation$1 = styled.keyframes `
|
|
|
13041
13042
|
}
|
|
13042
13043
|
`;
|
|
13043
13044
|
const TrashIconContainer = styled__default["default"].div `
|
|
13044
|
-
|
|
13045
|
-
|
|
13046
|
-
|
|
13047
|
-
|
|
13048
|
-
|
|
13049
|
-
|
|
13050
|
-
|
|
13051
|
-
|
|
13052
|
-
|
|
13053
|
-
|
|
13054
|
-
|
|
13055
|
-
fill: #
|
|
13056
|
-
|
|
13057
|
-
}
|
|
13058
|
-
}
|
|
13059
|
-
&:active {
|
|
13060
|
-
background-color:${({ isNewNotification }) => isNewNotification ? '#686868' : '#595959'};
|
|
13061
|
-
animation: ${pulseAnimation$1} 0.3s ease-in-out;
|
|
13045
|
+
display: flex;
|
|
13046
|
+
align-items: center;
|
|
13047
|
+
cursor: pointer;
|
|
13048
|
+
padding: 5px;
|
|
13049
|
+
margin-left: auto;
|
|
13050
|
+
margin-top: auto;
|
|
13051
|
+
border-radius: 50%;
|
|
13052
|
+
&:hover {
|
|
13053
|
+
background-color: ${({ isNewNotification }) => (isNewNotification ? '#585858' : '#494949')};
|
|
13054
|
+
& > svg {
|
|
13055
|
+
path {
|
|
13056
|
+
fill: #f7f9fc !important;
|
|
13057
|
+
}
|
|
13062
13058
|
}
|
|
13059
|
+
}
|
|
13060
|
+
&:active {
|
|
13061
|
+
background-color: ${({ isNewNotification }) => (isNewNotification ? '#686868' : '#595959')};
|
|
13062
|
+
animation: ${pulseAnimation$1} 0.3s ease-in-out;
|
|
13063
|
+
}
|
|
13063
13064
|
`;
|
|
13064
13065
|
|
|
13065
13066
|
const Divider = ({ fill = '#757575' }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notificationCardStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationCard/notificationCardStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oEASjC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAM5B,CAAA;AAED,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"notificationCardStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationCard/notificationCardStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oEASjC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAM5B,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAUnC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAW5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AAaD,eAAO,MAAM,kBAAkB;uBAAmC,OAAO;SAoBxE,CAAA"}
|