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
- 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;
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
- display: flex;
12997
- align-items: flex-start;
12998
- flex-direction: column;
12999
- justify-content: space-between;
13000
- height: 100%;
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
- font-family: 'PT Sans';
13004
- font-size: 16px;
13005
- font-weight: 400;
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
- a {
13008
- color: ${({ theme }) => theme.colors.selectItens};
13009
- text-decoration: none;
13010
- }
13009
+ text-decoration: none;
13010
+ pointer-events: none;
13011
+ }
13011
13012
  `;
13012
13013
  const notificationDate = styled__default["default"].div `
13013
- display: flex;
13014
- justify-content: center;
13015
- align-items: center;
13016
- gap: 8px;
13017
- margin-top: 8px;
13014
+ display: flex;
13015
+ justify-content: center;
13016
+ align-items: center;
13017
+ gap: 8px;
13018
+ margin-top: 8px;
13018
13019
 
13019
- font-family: 'PT Sans';
13020
- font-size: 14px;
13021
- font-weight: 400;
13022
- color: ${({ theme }) => theme.colors.neutralsGrey5};
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
- display: none;
13026
- position: absolute;
13027
- border: 1px solid black;
13028
- background-color: #fff;
13029
- padding: 10px;
13030
- z-index: 1000;
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
- display: flex;
13045
- align-items: center;
13046
- cursor: pointer;
13047
- padding: 5px;
13048
- margin-left: auto;
13049
- margin-top: auto;
13050
- border-radius: 50%;
13051
- &:hover {
13052
- background-color:${({ isNewNotification }) => isNewNotification ? '#585858' : '#494949'};
13053
- & > svg {
13054
- path {
13055
- fill: #F7F9FC!important;
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,oEASnC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAW5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AAaD,eAAO,MAAM,kBAAkB;uBAAmC,OAAO;SAoBxE,CAAA"}
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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frst-components",
3
3
  "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
4
- "version": "0.23.94",
4
+ "version": "0.23.96",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",