@laerdal/life-react-components 6.0.0-dev.17.full → 6.0.0-dev.18.full
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/NavItem/NavItem.cjs
CHANGED
|
@@ -96,7 +96,7 @@ const NavItem = props => {
|
|
|
96
96
|
isActiveRoute
|
|
97
97
|
} = (0, _Navigation.useNavigation)();
|
|
98
98
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavItemDiv, _objectSpread(_objectSpread({}, props), {}, {
|
|
99
|
-
className: props?.className + (isActiveRoute && isActiveRoute(props?.
|
|
99
|
+
className: props?.className + (isActiveRoute && isActiveRoute(props?.href, false) ? ' active' : '')
|
|
100
100
|
}));
|
|
101
101
|
};
|
|
102
102
|
var _default = exports.default = NavItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.cjs","names":["_styledComponents","_interopRequireDefault","require","_react","_styles","_typography","_zIndexes","_Navigation","_jsxRuntime","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","NavItemDiv","exports","styled","div","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","generateToken","componentType","defaultVariant","theme","BREAKPOINTS","LARGE","Z_INDEXES","active","getColor","hover","focusStyles","NavItem","isActiveRoute","useNavigation","jsx","className","
|
|
1
|
+
{"version":3,"file":"NavItem.cjs","names":["_styledComponents","_interopRequireDefault","require","_react","_styles","_typography","_zIndexes","_Navigation","_jsxRuntime","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","NavItemDiv","exports","styled","div","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","generateToken","componentType","defaultVariant","theme","BREAKPOINTS","LARGE","Z_INDEXES","active","getColor","hover","focusStyles","NavItem","isActiveRoute","useNavigation","jsx","className","href","_default"],"sources":["../../src/NavItem/NavItem.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport React from 'react';\r\nimport {BREAKPOINTS, COLORS, focusStyles} from '../styles';\r\nimport {ComponentMStyling, ComponentTextStyle} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport const NavItemDiv = styled.div`\r\n ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n\r\n margin: 0;\r\n padding: 0 21px 0 21px;\r\n height: 64px;\r\n\r\n ${BREAKPOINTS.LARGE} {\r\n height: 80px;\r\n }\r\n\r\n display: flex;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n\r\n &:after {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n background-color: transparent;\r\n height: 3px;\r\n border-radius: 3px;\r\n left: 2px;\r\n right: 2px;\r\n bottom: 2px;\r\n }\r\n\r\n &.active:not(.disabled) {\r\n z-index: ${Z_INDEXES.active};\r\n background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n }\r\n\r\n &.disabled {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n }\r\n }\r\n\r\n &:hover:not(.disabled) {\r\n z-index: ${Z_INDEXES.hover};\r\n background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n }\r\n }\r\n\r\n &:active:not(.disabled) {\r\n z-index: ${Z_INDEXES.active};\r\n background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n\r\n &:focus:not(.disabled) {\r\n ${focusStyles}\r\n outline-offset: -4px;\r\n }\r\n`;\r\n\r\n\r\nconst NavItem = (props: any) => {\r\n const {isActiveRoute} = useNavigation();\r\n return (\r\n <NavItemDiv {...props} className={props?.className + (isActiveRoute && isActiveRoute(props?.href, false) ? ' active' : '')} />\r\n );\r\n};\r\n\r\nexport default NavItem;\r\n"],"mappings":"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","ignoreList":[]}
|
package/dist/NavItem/NavItem.js
CHANGED
|
@@ -89,7 +89,7 @@ const NavItem = props => {
|
|
|
89
89
|
isActiveRoute
|
|
90
90
|
} = useNavigation();
|
|
91
91
|
return /*#__PURE__*/_jsx(NavItemDiv, _objectSpread(_objectSpread({}, props), {}, {
|
|
92
|
-
className: props?.className + (isActiveRoute && isActiveRoute(props?.
|
|
92
|
+
className: props?.className + (isActiveRoute && isActiveRoute(props?.href, false) ? ' active' : '')
|
|
93
93
|
}));
|
|
94
94
|
};
|
|
95
95
|
export default NavItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.js","names":["styled","React","BREAKPOINTS","COLORS","focusStyles","ComponentMStyling","ComponentTextStyle","Z_INDEXES","useNavigation","jsx","_jsx","NavItemDiv","div","props","Regular","generateToken","componentType","defaultVariant","theme","LARGE","active","getColor","hover","NavItem","isActiveRoute","_objectSpread","className","
|
|
1
|
+
{"version":3,"file":"NavItem.js","names":["styled","React","BREAKPOINTS","COLORS","focusStyles","ComponentMStyling","ComponentTextStyle","Z_INDEXES","useNavigation","jsx","_jsx","NavItemDiv","div","props","Regular","generateToken","componentType","defaultVariant","theme","LARGE","active","getColor","hover","NavItem","isActiveRoute","_objectSpread","className","href"],"sources":["../../src/NavItem/NavItem.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport React from 'react';\r\nimport {BREAKPOINTS, COLORS, focusStyles} from '../styles';\r\nimport {ComponentMStyling, ComponentTextStyle} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport const NavItemDiv = styled.div`\r\n ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n\r\n margin: 0;\r\n padding: 0 21px 0 21px;\r\n height: 64px;\r\n\r\n ${BREAKPOINTS.LARGE} {\r\n height: 80px;\r\n }\r\n\r\n display: flex;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n\r\n &:after {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n background-color: transparent;\r\n height: 3px;\r\n border-radius: 3px;\r\n left: 2px;\r\n right: 2px;\r\n bottom: 2px;\r\n }\r\n\r\n &.active:not(.disabled) {\r\n z-index: ${Z_INDEXES.active};\r\n background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n }\r\n\r\n &.disabled {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n }\r\n }\r\n\r\n &:hover:not(.disabled) {\r\n z-index: ${Z_INDEXES.hover};\r\n background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n }\r\n }\r\n\r\n &:active:not(.disabled) {\r\n z-index: ${Z_INDEXES.active};\r\n background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n\r\n &:after {\r\n background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n\r\n &:focus:not(.disabled) {\r\n ${focusStyles}\r\n outline-offset: -4px;\r\n }\r\n`;\r\n\r\n\r\nconst NavItem = (props: any) => {\r\n const {isActiveRoute} = useNavigation();\r\n return (\r\n <NavItemDiv {...props} className={props?.className + (isActiveRoute && isActiveRoute(props?.href, false) ? ' active' : '')} />\r\n );\r\n};\r\n\r\nexport default NavItem;\r\n"],"mappings":"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","ignoreList":[]}
|