@laerdal/life-react-components 6.0.0-dev.23.full → 6.0.0-dev.24.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.
@@ -13,6 +13,10 @@ const defaultStyle = exports.defaultStyle = (0, _styledComponents.css)`
13
13
  text-decoration-style: solid;
14
14
  text-underline-offset: 2px;
15
15
  text-decoration-line: none;
16
+ color: ${props => _.COLORS.generateToken({
17
+ componentType: 'text-link',
18
+ defaultVariant: 'primary'
19
+ }, props.theme)};
16
20
 
17
21
  &:link {
18
22
  font-weight: 700;
@@ -1 +1 @@
1
- {"version":3,"file":"styling.cjs","names":["_styledComponents","require","_","defaultStyle","exports","css","props","COLORS","generateToken","componentType","defaultVariant","theme","state","isOnFill","invertedStyle","getColor"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: none;\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n text-decoration-line: underline;\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n\r\n &:focus:hover,\r\n &:active:hover,\r\n &.active-state:hover,\r\n &.focus-state:hover{\r\n text-decoration-line: none;\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: underline;\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.getColor('white', props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n text-decoration-line: none;\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:focus:hover,\r\n &:active:hover {\r\n text-decoration-line: none;\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"styling.cjs","names":["_styledComponents","require","_","defaultStyle","exports","css","props","COLORS","generateToken","componentType","defaultVariant","theme","state","isOnFill","invertedStyle","getColor"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: none;\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n text-decoration-line: underline;\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n\r\n &:focus:hover,\r\n &:active:hover,\r\n &.active-state:hover,\r\n &.focus-state:hover{\r\n text-decoration-line: none;\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: underline;\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.getColor('white', props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n text-decoration-line: none;\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:focus:hover,\r\n &:active:hover {\r\n text-decoration-line: none;\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
@@ -7,6 +7,10 @@ export const defaultStyle = css`
7
7
  text-decoration-style: solid;
8
8
  text-underline-offset: 2px;
9
9
  text-decoration-line: none;
10
+ color: ${props => COLORS.generateToken({
11
+ componentType: 'text-link',
12
+ defaultVariant: 'primary'
13
+ }, props.theme)};
10
14
 
11
15
  &:link {
12
16
  font-weight: 700;
@@ -1 +1 @@
1
- {"version":3,"file":"styling.js","names":["css","COLORS","defaultStyle","props","generateToken","componentType","defaultVariant","theme","state","isOnFill","invertedStyle","getColor"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: none;\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n text-decoration-line: underline;\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n\r\n &:focus:hover,\r\n &:active:hover,\r\n &.active-state:hover,\r\n &.focus-state:hover{\r\n text-decoration-line: none;\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: underline;\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.getColor('white', props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n text-decoration-line: none;\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:focus:hover,\r\n &:active:hover {\r\n text-decoration-line: none;\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"styling.js","names":["css","COLORS","defaultStyle","props","generateToken","componentType","defaultVariant","theme","state","isOnFill","invertedStyle","getColor"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: none;\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n text-decoration-line: underline;\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n background: ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant: 'primary', state: 'active'}, props.theme)};\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n }\r\n\r\n\r\n &:focus:hover,\r\n &:active:hover,\r\n &.active-state:hover,\r\n &.focus-state:hover{\r\n text-decoration-line: none;\r\n color: ${props => COLORS.generateToken({componentType:'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n outline: none;\r\n padding: 2px 0;\r\n\r\n text-decoration-thickness: 2px;\r\n text-decoration-style: solid;\r\n text-underline-offset: 2px;\r\n text-decoration-line: underline;\r\n\r\n &:link {\r\n font-weight: 700;\r\n color: ${props => COLORS.getColor('white', props.theme)};\r\n }\r\n\r\n &:visited {\r\n color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n }\r\n\r\n &:focus,\r\n &.focus-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:hover,\r\n &.hover-state {\r\n text-decoration-line: none;\r\n }\r\n\r\n &:active,\r\n &.active-state {\r\n border-radius: 2px;\r\n text-decoration-line: none;\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n }\r\n\r\n &:focus:hover,\r\n &:active:hover {\r\n text-decoration-line: none;\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n opacity: 0.9;\r\n }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "6.0.0-dev.23.full",
3
+ "version": "6.0.0-dev.24.full",
4
4
  "private": false,
5
5
  "author": "Erik Martirosyan \u003cerik.martirosyan@laerdal.com\u003e",
6
6
  "contributors": [