@npm_leadtech/legal-lib-components 7.54.0 → 7.54.2

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.
Files changed (10) hide show
  1. package/dist/css/styles.css +2 -2
  2. package/dist/src/components/atoms/Button/Button.scss +1 -1
  3. package/dist/src/components/atoms/CardPane/CardPane.styled.js +8 -4
  4. package/dist/src/components/atoms/CardPane/CardPane.styled.ts +8 -4
  5. package/dist/src/components/atoms/CardPane/CardPaneInfo.js +1 -1
  6. package/dist/src/components/atoms/CardPane/CardPaneInfo.tsx +2 -2
  7. package/dist/src/components/atoms/Radio/Radio.scss +1 -1
  8. package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.js +3 -1
  9. package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.ts +3 -1
  10. package/package.json +1 -1
package/dist/css/styles.css CHANGED
@@ -835,7 +835,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
835
835
  border: 2px solid var(--button);
836
836
  color: var(--others-white);
837
837
  font-weight: bold;
838
- height: 100%;
838
+ max-height: 100%;
839
839
  }
840
840
  .e-button.--primary-1:hover {
841
841
  background-color: var(--button-hover);
@@ -1853,7 +1853,7 @@ h2.react-datepicker__current-month {
1853
1853
  display: flex;
1854
1854
  height: 42px;
1855
1855
  justify-content: center;
1856
- width: 80px;
1856
+ min-width: 80px;
1857
1857
  }
1858
1858
  .e-radio.tabs .e-radio__inner .radio-item-container:hover {
1859
1859
  background: var(--neutral-neutral-4);
package/dist/src/components/atoms/Button/Button.scss CHANGED
@@ -73,7 +73,7 @@ html[data-theme='lawdistrict'] {
73
73
  border: 2px solid var(--button);
74
74
  color: get-color(others, white);
75
75
  font-weight: bold;
76
- height: 100%;
76
+ max-height: 100%;
77
77
 
78
78
  &:hover {
79
79
  background-color: var(--button-hover);
package/dist/src/components/atoms/CardPane/CardPane.styled.js CHANGED
@@ -93,12 +93,10 @@ export const CardPaneStyled = styled.div `
93
93
 
94
94
  &--active {
95
95
  color: var(--primary-main);
96
- font-weight: 700;
97
96
  }
98
97
 
99
98
  &--inactive {
100
99
  color: var(--error-main);
101
- font-weight: 700;
102
100
  }
103
101
  }
104
102
 
@@ -108,10 +106,16 @@ export const CardPaneStyled = styled.div `
108
106
  }
109
107
  .marker {
110
108
  display: inline-block;
111
- margin-left: 0px;
109
+ margin-left: -10px;
110
+ @-moz-document url-prefix() {
111
+ margin-left: 0px;
112
+ }
113
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
114
+ margin-left: 0px;
115
+ }
112
116
  }
113
117
  .position {
114
- margin-left: 0px;
118
+ margin-left: 2px;
115
119
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
116
120
  margin-left: 15px;
117
121
  }
package/dist/src/components/atoms/CardPane/CardPane.styled.ts CHANGED
@@ -94,12 +94,10 @@ export const CardPaneStyled = styled.div`
94
94
 
95
95
  &--active {
96
96
  color: var(--primary-main);
97
- font-weight: 700;
98
97
  }
99
98
 
100
99
  &--inactive {
101
100
  color: var(--error-main);
102
- font-weight: 700;
103
101
  }
104
102
  }
105
103
 
@@ -109,10 +107,16 @@ export const CardPaneStyled = styled.div`
109
107
  }
110
108
  .marker {
111
109
  display: inline-block;
112
- margin-left: 0px;
110
+ margin-left: -10px;
111
+ @-moz-document url-prefix() {
112
+ margin-left: 0px;
113
+ }
114
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
115
+ margin-left: 0px;
116
+ }
113
117
  }
114
118
  .position {
115
- margin-left: 0px;
119
+ margin-left: 2px;
116
120
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
117
121
  margin-left: 15px;
118
122
  }
package/dist/src/components/atoms/CardPane/CardPaneInfo.js CHANGED
@@ -9,7 +9,7 @@ const CardPaneInfo = ({ dataQA, description, subdescription, id, title, handleCl
9
9
  else if (description === 'Inactive') {
10
10
  descriptionClass = 'pane--description--inactive';
11
11
  }
12
- return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("div", { className: 'position', children: _jsx("div", { className: 'marker', children: description }) }) })] }, id));
12
+ return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("li", { className: 'position', children: _jsx("div", { className: 'marker', children: description }) }) })] }, id));
13
13
  }
14
14
  return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsxs("div", { className: 'pane--description', children: [description, subdescription !== undefined && _jsx("span", { className: 'pane--description--subdescription', children: subdescription })] })] }, id));
15
15
  };
package/dist/src/components/atoms/CardPane/CardPaneInfo.tsx CHANGED
@@ -25,9 +25,9 @@ const CardPaneInfo: FC<CardPaneInfoProps> = ({ dataQA, description, subdescripti
25
25
  <div key={id} className='pane-wrapper'>
26
26
  {paneTitle}
27
27
  <div data-testid='description-div' className={descriptionClass}>
28
- <div className='position'>
28
+ <li className='position'>
29
29
  <div className='marker'>{description}</div>
30
- </div>
30
+ </li>
31
31
  </div>
32
32
  </div>
33
33
  )
package/dist/src/components/atoms/Radio/Radio.scss CHANGED
@@ -41,7 +41,7 @@
41
41
  display: flex;
42
42
  height: 42px;
43
43
  justify-content: center;
44
- width: 80px;
44
+ min-width: 80px;
45
45
 
46
46
  &:hover {
47
47
  background: var(--neutral-neutral-4);
package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.js CHANGED
@@ -8,6 +8,8 @@ export const CardFunctionalityStyled = styled.article `
8
8
  gap: var(--global-gap);
9
9
  padding: 1em;
10
10
  width: 100%;
11
+ justify-content: space-between;
12
+
11
13
  @media ${device.laptop} {
12
14
  width: 50%;
13
15
  }
@@ -53,7 +55,7 @@ export const CardFunctionalityStyled = styled.article `
53
55
 
54
56
  .tags {
55
57
  display: flex;
56
- gap: 2rem;
58
+ gap: 0.5rem;
57
59
  flex-wrap: wrap;
58
60
  }
59
61
  }
package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.ts CHANGED
@@ -9,6 +9,8 @@ export const CardFunctionalityStyled = styled.article`
9
9
  gap: var(--global-gap);
10
10
  padding: 1em;
11
11
  width: 100%;
12
+ justify-content: space-between;
13
+
12
14
  @media ${device.laptop} {
13
15
  width: 50%;
14
16
  }
@@ -54,7 +56,7 @@ export const CardFunctionalityStyled = styled.article`
54
56
 
55
57
  .tags {
56
58
  display: flex;
57
- gap: 2rem;
59
+ gap: 0.5rem;
58
60
  flex-wrap: wrap;
59
61
  }
60
62
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.54.0",
3
+ "version": "7.54.2",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",