@npm_leadtech/legal-lib-components 5.12.15 → 5.14.0
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/css/styles.css +15 -2
- package/dist/src/components/atoms/Button/Button.js +2 -1
- package/dist/src/components/atoms/Button/Button.scss +17 -1
- package/dist/src/components/atoms/Button/Button.tsx +2 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.d.ts +1 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.ts +1 -0
- package/package.json +1 -1
package/dist/css/styles.css
CHANGED
|
@@ -990,7 +990,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
|
|
|
990
990
|
.button--secondary-4:hover {
|
|
991
991
|
background-color: var(--neutral-neutral-1);
|
|
992
992
|
}
|
|
993
|
-
.button--tertiary {
|
|
993
|
+
.button--tertiary-1 {
|
|
994
994
|
font-weight: bold;
|
|
995
995
|
padding: 0.5rem 1rem;
|
|
996
996
|
display: inline-block;
|
|
@@ -998,12 +998,25 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
|
|
|
998
998
|
border: none;
|
|
999
999
|
background: none;
|
|
1000
1000
|
}
|
|
1001
|
-
.button--tertiary:hover {
|
|
1001
|
+
.button--tertiary-1:hover {
|
|
1002
1002
|
background-color: var(--button-tertiary-hover);
|
|
1003
1003
|
}
|
|
1004
1004
|
.button--small {
|
|
1005
1005
|
line-height: 1;
|
|
1006
1006
|
}
|
|
1007
|
+
.button--tertiary-2 {
|
|
1008
|
+
background-color: transparent;
|
|
1009
|
+
border: 1px solid var(--neutral-neutral-3);
|
|
1010
|
+
color: var(--button-secondary);
|
|
1011
|
+
font-weight: bold;
|
|
1012
|
+
padding: 0.3rem 0.5rem;
|
|
1013
|
+
}
|
|
1014
|
+
.button--tertiary-2:hover {
|
|
1015
|
+
background-color: var(--button-secondary-hover);
|
|
1016
|
+
}
|
|
1017
|
+
.button--small {
|
|
1018
|
+
line-height: 1;
|
|
1019
|
+
}
|
|
1007
1020
|
.button--medium {
|
|
1008
1021
|
line-height: 1.5;
|
|
1009
1022
|
}
|
|
@@ -19,7 +19,8 @@ const Button = ({ label, dataQa, labelMobile, link, LinkComponent = null, noLink
|
|
|
19
19
|
'--secondary-icon': color === 'secondaryIcon',
|
|
20
20
|
'--secondary-icon --bold': color === 'secondaryIconBold',
|
|
21
21
|
'--secondary-icon --dark': color === 'secondaryIconDark',
|
|
22
|
-
'button--tertiary': color === 'tertiary',
|
|
22
|
+
'button--tertiary-1': color === 'tertiary',
|
|
23
|
+
'button--tertiary-2': color === 'tertiary2',
|
|
23
24
|
'--styleless': color === 'styleless',
|
|
24
25
|
'--transparent': color === 'transparent',
|
|
25
26
|
'--disabled': disabled,
|
|
@@ -269,7 +269,7 @@ html[data-theme='lawdistrict'] {
|
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.button--tertiary {
|
|
272
|
+
.button--tertiary-1 {
|
|
273
273
|
font-weight: bold;
|
|
274
274
|
padding: 0.5rem 1rem;
|
|
275
275
|
display: inline-block;
|
|
@@ -286,6 +286,22 @@ html[data-theme='lawdistrict'] {
|
|
|
286
286
|
line-height: 1;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
+
.button--tertiary-2 {
|
|
290
|
+
background-color: transparent;
|
|
291
|
+
border: 1px solid get-color(neutral, neutral-3);
|
|
292
|
+
color: var(--button-secondary);
|
|
293
|
+
font-weight: bold;
|
|
294
|
+
padding: 0.3rem 0.5rem;
|
|
295
|
+
|
|
296
|
+
&:hover {
|
|
297
|
+
background-color: var(--button-secondary-hover);
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.button--small {
|
|
302
|
+
line-height: 1;
|
|
303
|
+
}
|
|
304
|
+
|
|
289
305
|
.button--medium {
|
|
290
306
|
line-height: 1.5;
|
|
291
307
|
}
|
|
@@ -47,7 +47,8 @@ const Button: FC<ButtonProps> = ({
|
|
|
47
47
|
'--secondary-icon': color === 'secondaryIcon',
|
|
48
48
|
'--secondary-icon --bold': color === 'secondaryIconBold',
|
|
49
49
|
'--secondary-icon --dark': color === 'secondaryIconDark',
|
|
50
|
-
'button--tertiary': color === 'tertiary',
|
|
50
|
+
'button--tertiary-1': color === 'tertiary',
|
|
51
|
+
'button--tertiary-2': color === 'tertiary2',
|
|
51
52
|
'--styleless': color === 'styleless',
|
|
52
53
|
'--transparent': color === 'transparent',
|
|
53
54
|
'--disabled': disabled,
|
|
@@ -8,7 +8,7 @@ export interface ButtonProps {
|
|
|
8
8
|
noLinkNoFunc?: boolean;
|
|
9
9
|
onClick?: (functionParameters?: any) => void;
|
|
10
10
|
functionParameters?: any;
|
|
11
|
-
color?: 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'styleless' | 'transparent';
|
|
11
|
+
color?: 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent';
|
|
12
12
|
error?: boolean;
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
fluid?: boolean;
|