@leapdev/gui 0.2.262 → 0.2.263
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/auth-bylawyers.js +96 -0
- package/dist/bs-lawconnect.js +2 -2
- package/dist/bs-leap-slim.js +2 -2
- package/dist/bs-leap.js +2 -2
- package/dist/bs-titlex.js +2 -2
- package/dist/css/auth-bylawyers.css +1 -0
- package/dist/css/auth-leap-addin.css +1 -1
- package/dist/css/auth-leap-desktop.css +1 -1
- package/dist/css/auth-leap-web.css +1 -1
- package/dist/index.html +2 -2
- package/dist/scss/auth/product/bylawyers.scss +23 -0
- package/dist/scss/auth/theme/bootstrap-variables/_colours-bylawyers.scss +49 -0
- package/dist/scss/auth/theme/bootstrap-variables/_colours.scss +1 -0
- package/dist/scss/auth/theme/bootstrap-variables/_variables-bylawyers.scss +16 -0
- package/dist/scss/auth/theme/components/_buttons.scss +1 -1
- package/dist/scss/auth/theme/css-variables/_bylawyers.scss +82 -0
- package/dist/scss/auth/theme/css-variables/_leap-4d.scss +3 -1
- package/dist/scss/auth/theme/css-variables/_leap.scss +3 -0
- package/dist/scss/auth/theme/css-variables/_office-addin.scss +3 -1
- package/dist/scss/auth/theme/features/_auth.scss +13 -4
- package/dist/scss/product/auth-bylawyers.scss +25 -0
- package/package.json +1 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
// Color system
|
|
2
|
+
$white: #FFFFFF !default;
|
|
3
|
+
$gray-100: #eeeeee !default;
|
|
4
|
+
$gray-200: #f3f3f3 !default;
|
|
5
|
+
$gray-300: #E6EDF1 !default;
|
|
6
|
+
$gray-400: #d6d6d6 !default;
|
|
7
|
+
$gray-500: #b1b7be !default;
|
|
8
|
+
$gray-600: #525252 !default;
|
|
9
|
+
$gray-700: #444444 !default;
|
|
10
|
+
$gray-800: #263042 !default;
|
|
11
|
+
$gray-900: #1c2836 !default;
|
|
12
|
+
$black: #131313 !default;
|
|
13
|
+
|
|
14
|
+
$primary: #06063C !default;
|
|
15
|
+
$primary-lighter: #515277 !default;
|
|
16
|
+
$primary-transparent: rgba($primary, $opacity-lighter) !default;
|
|
17
|
+
$primary-desat: #383963 !default;
|
|
18
|
+
$secondary: #b50d4d !default;
|
|
19
|
+
$secondary-lighter: lighten(#b50d4d, 38%) !default;
|
|
20
|
+
$secondary-transparent: rgba(#b50d4d, $opacity-lighter) !default;
|
|
21
|
+
$secondary-desat: #6D082E !default;
|
|
22
|
+
$success: #43AE33 !default;
|
|
23
|
+
$info: #6e7781 !default;
|
|
24
|
+
$warning: #F59245 !default;
|
|
25
|
+
$danger: #BE332A !default;
|
|
26
|
+
$light: $gray-100 !default;
|
|
27
|
+
$light-transparent: rgba($light, $opacity-base) !default;
|
|
28
|
+
$dark: #828488 !default;
|
|
29
|
+
$default: #131313 !default;
|
|
30
|
+
|
|
31
|
+
// scss-docs-start theme-colors-map
|
|
32
|
+
$theme-colors: (
|
|
33
|
+
"primary": $primary,
|
|
34
|
+
"secondary": $secondary,
|
|
35
|
+
"success": $success,
|
|
36
|
+
"info": $info,
|
|
37
|
+
"warning": $warning,
|
|
38
|
+
"danger": $danger,
|
|
39
|
+
"light": $light,
|
|
40
|
+
"dark": $dark,
|
|
41
|
+
"default": $default
|
|
42
|
+
);
|
|
43
|
+
|
|
44
|
+
// Body
|
|
45
|
+
//
|
|
46
|
+
// Settings for the `<body>` element.
|
|
47
|
+
$body-bg: $gray-200;
|
|
48
|
+
$body-color: $default;
|
|
49
|
+
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@import './opacity';
|
|
2
|
+
@import './colours-bylawyers';
|
|
3
|
+
@import './typography';
|
|
4
|
+
|
|
5
|
+
@import './avatar';
|
|
6
|
+
@import './badges';
|
|
7
|
+
@import './breadcrumbs';
|
|
8
|
+
@import './components';
|
|
9
|
+
@import './dropdowns';
|
|
10
|
+
@import './grid';
|
|
11
|
+
@import './input-box';
|
|
12
|
+
@import './input-options';
|
|
13
|
+
@import './buttons';
|
|
14
|
+
// @import './nav';
|
|
15
|
+
@import './select';
|
|
16
|
+
@import './switch';
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500,600&display=swap');
|
|
2
|
+
|
|
3
|
+
$enable-transitions: true;
|
|
4
|
+
$button-is-uppercase: false;
|
|
5
|
+
$is-desktop: false;
|
|
6
|
+
$is-bylawyers: true;
|
|
7
|
+
$input-4d-options-dimension: 1rem;
|
|
8
|
+
$input-4d-checkbox-border-radius: 0 !default;
|
|
9
|
+
$input-4d-options-top: 0.1875rem !default;
|
|
10
|
+
$input-4d-options-border-width: 1px;
|
|
11
|
+
$input-4d-checkbox-default-border-color: #b50d4d;
|
|
12
|
+
|
|
13
|
+
$custom-checkbox-indicator-indeterminate-color: #b50d4d;
|
|
14
|
+
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;chatset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='#{$custom-checkbox-indicator-indeterminate-color}' points='4 6 7 9 12 4 12 7 7 12 4 9'%3E%3C/polygon%3E%3C/svg%3E"), "#","%23");
|
|
15
|
+
$input-4d-checkbox-checked-bg-color: #fef7f0 !default;
|
|
16
|
+
$input-4d-checkbox-checked-border-color: #d6d6d6;
|
|
17
|
+
|
|
18
|
+
$input-4d-checkbox-hover-text-color: #b50d4d;
|
|
19
|
+
$input-4d-checkbox-hover-border-color: #b50d4d;
|
|
20
|
+
$input-4d-checkbox-hover-boxshadow: none;
|
|
21
|
+
|
|
22
|
+
$input-4d-checkbox-active-border-color: #b50d4d;
|
|
23
|
+
$input-4d-checkbox-active-bg-color: rgba(0,96,172,.12);
|
|
24
|
+
$input-4d-checkbox-active-border-color: #b50d4d;
|
|
25
|
+
$input-4d-checkbox-active-text-color: white;
|
|
26
|
+
$input-padding-left: 1.5rem;
|
|
27
|
+
|
|
28
|
+
$chevron-width: 0.625rem;
|
|
29
|
+
$custom-select-chevron: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 5'%3e%3cpath fill='currentColor' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), "#","%23");
|
|
30
|
+
|
|
31
|
+
// $custom-select-disabled-bg: $input-disabled-bg;
|
|
32
|
+
|
|
33
|
+
:root {
|
|
34
|
+
--leap-font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
35
|
+
--leap-font-family-heading: gill-sans-nova,gill-sans-nova-medium,Helvetica,Arial;
|
|
36
|
+
--leap-font-size: 0.875rem;
|
|
37
|
+
--leap-primary-color: #b50d4d;
|
|
38
|
+
--leap-body-background-color: #fff;
|
|
39
|
+
--leap-body-text-color: #131313;
|
|
40
|
+
--leap-label-color: #131313;
|
|
41
|
+
--leap-label-font-weight: 400;
|
|
42
|
+
--leap-heading-color: #131313;
|
|
43
|
+
--leap-form-group-margin: 1rem;
|
|
44
|
+
|
|
45
|
+
--leap-border-radius: 4px;
|
|
46
|
+
--leap-border-color: #babcc2;
|
|
47
|
+
--leap-input-height: 2.5rem;
|
|
48
|
+
--leap-input-padding-x: 10px;
|
|
49
|
+
--leap-input-padding-y: 12px;
|
|
50
|
+
--leap-input-color: #131313;
|
|
51
|
+
--leap-input-disabled-color: #6e7781;
|
|
52
|
+
--leap-input-disabled-background: #fafafa;
|
|
53
|
+
--leap-input-disabled-border: #abadb3;
|
|
54
|
+
--leap-input-focus-border-color: #383963;
|
|
55
|
+
--leap-input-placeholder-color: #717880;
|
|
56
|
+
--leap-input-box-shadow: inset 0 0 0 rgb(19 19 19 / 0%), 0 0 0 0.15rem #cdd3dc;
|
|
57
|
+
--leap-input-addon-padding: 0.375rem 1rem;
|
|
58
|
+
|
|
59
|
+
--leap-select-padding-y: 0.125rem;
|
|
60
|
+
|
|
61
|
+
--leap-btn-height: 44px;
|
|
62
|
+
--leap-btn-fontsize: 1rem;
|
|
63
|
+
--leap-btn-fontweight: 400;
|
|
64
|
+
--leap-btn-padding: 10px 24px;
|
|
65
|
+
--leap-btn-radius: 100px;
|
|
66
|
+
--leap-btn-border-color: #d6d6d6;
|
|
67
|
+
--leap-btn-hover-border-color: #383963;
|
|
68
|
+
--leap-btn-hover-background-color: rgba(30, 54, 94, 0.12);
|
|
69
|
+
|
|
70
|
+
--leap-tabs-background: transparent;
|
|
71
|
+
--leap-tabs-padding: 0.5rem 1rem;
|
|
72
|
+
--leap-tabs-font-weight: 600;
|
|
73
|
+
--leap-tabs-font-size: .8125rem;
|
|
74
|
+
--leap-tabs-link-hover-border: #383963;
|
|
75
|
+
--leap-tabs-link-hover-background: #e9eaec;
|
|
76
|
+
--leap-tabs-link-active-border: #b50d4d;
|
|
77
|
+
--leap-tabs-link-active-color: #b50d4d;
|
|
78
|
+
--leap-tabs-casing: uppercase;
|
|
79
|
+
--leap-tabs-letter-spacing: 0.0063rem;
|
|
80
|
+
--leap-link-color: #06063C;
|
|
81
|
+
--leap-link-active-color: #910a3e;
|
|
82
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
$enable-transitions: false;
|
|
2
2
|
$button-is-uppercase: false;
|
|
3
3
|
$is-desktop: true;
|
|
4
|
-
|
|
4
|
+
$is-bylawyers: false;
|
|
5
5
|
$input-4d-options-dimension: .8125rem;
|
|
6
6
|
$input-4d-checkbox-border-radius: 0 !default;
|
|
7
7
|
$input-4d-options-top: 0.25rem !default;
|
|
@@ -28,6 +28,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
28
28
|
|
|
29
29
|
:root {
|
|
30
30
|
--leap-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
31
|
+
--leap-font-family-heading: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
31
32
|
--leap-font-size: 0.8125rem;
|
|
32
33
|
--leap-primary-color: #1E365E;
|
|
33
34
|
--leap-body-background-color: #F0F0F0;
|
|
@@ -57,6 +58,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
57
58
|
--leap-btn-height: 1.9258rem;
|
|
58
59
|
--leap-btn-fontsize: 0.8125rem;
|
|
59
60
|
--leap-btn-fontweight: 400;
|
|
61
|
+
--leap-btn-radius: 0;
|
|
60
62
|
--leap-btn-padding: 0.344rem 0.75rem;
|
|
61
63
|
--leap-btn-border-color: #7a7a7a;
|
|
62
64
|
--leap-btn-hover-border-color: #1c365f;
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
$enable-transitions: true;
|
|
4
4
|
$button-is-uppercase: true;
|
|
5
5
|
$is-desktop: false;
|
|
6
|
+
$is-bylawyers: false;
|
|
6
7
|
$input-4d-options-dimension: 1rem;
|
|
7
8
|
$input-4d-checkbox-border-radius: 0 !default;
|
|
8
9
|
$input-4d-options-top: 0.1875rem !default;
|
|
@@ -31,6 +32,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3cs
|
|
|
31
32
|
|
|
32
33
|
:root {
|
|
33
34
|
--leap-font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
35
|
+
--leap-font-family-heading: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
34
36
|
--leap-font-size: 0.875rem;
|
|
35
37
|
--leap-primary-color: #1E365E;
|
|
36
38
|
--leap-body-background-color: #fff;
|
|
@@ -61,6 +63,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3cs
|
|
|
61
63
|
--leap-btn-fontsize: 0.875rem;
|
|
62
64
|
--leap-btn-fontweight: 400;
|
|
63
65
|
--leap-btn-padding: 0.75rem 1.875rem;
|
|
66
|
+
--leap-btn-radius: 0.25rem;
|
|
64
67
|
--leap-btn-border-color: #d6d6d6;
|
|
65
68
|
--leap-btn-hover-border-color: #1E365E;
|
|
66
69
|
--leap-btn-hover-background-color: rgba(30, 54, 94, 0.12);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
$enable-transitions: false;
|
|
2
2
|
$button-is-uppercase: false;
|
|
3
3
|
$is-desktop: true;
|
|
4
|
-
|
|
4
|
+
$is-bylawyers: false;
|
|
5
5
|
$input-4d-options-dimension: .8125rem;
|
|
6
6
|
$input-4d-checkbox-border-radius: 0 !default;
|
|
7
7
|
$input-4d-options-top: 0.25rem !default;
|
|
@@ -27,6 +27,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
27
27
|
|
|
28
28
|
:root {
|
|
29
29
|
--leap-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
30
|
+
--leap-font-family-heading: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
|
|
30
31
|
--leap-font-size: 0.8125rem;
|
|
31
32
|
--leap-primary-color: #1E365E;
|
|
32
33
|
--leap-body-background-color: #F0F0F0;
|
|
@@ -56,6 +57,7 @@ $custom-select-chevron: str-replace(url("data:image/svg+xml,%3Cs
|
|
|
56
57
|
--leap-btn-height: 1.9258rem;
|
|
57
58
|
--leap-btn-fontsize: 0.8125rem;
|
|
58
59
|
--leap-btn-fontweight: 400;
|
|
60
|
+
--leap-btn-radius: 0;
|
|
59
61
|
--leap-btn-padding: 0.344rem 0.75rem;
|
|
60
62
|
--leap-btn-border-color: #7a7a7a;
|
|
61
63
|
--leap-btn-hover-border-color: #1c365f;
|
|
@@ -13,10 +13,16 @@ html {
|
|
|
13
13
|
padding-right: 1rem;
|
|
14
14
|
|
|
15
15
|
@media screen and (min-height: 850px) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
@if $is-bylawyers {
|
|
17
|
+
|
|
18
|
+
}
|
|
19
|
+
@else {
|
|
20
|
+
background-image: url(/img/auth-bg.png), url('https://unpkg.com/@leapdev/gui@0.2.254/dist/images/leap-auth/auth-bg.png');
|
|
21
|
+
background-position: bottom left;
|
|
22
|
+
background-repeat: no-repeat;
|
|
23
|
+
background-size: 1194px;
|
|
24
|
+
}
|
|
25
|
+
|
|
20
26
|
}
|
|
21
27
|
|
|
22
28
|
> .container {
|
|
@@ -63,6 +69,7 @@ html {
|
|
|
63
69
|
}
|
|
64
70
|
|
|
65
71
|
&_title {
|
|
72
|
+
font-family: var(--leap-font-family-heading);
|
|
66
73
|
font-size: $h2-font-size;
|
|
67
74
|
color: var(--leap-heading-color);
|
|
68
75
|
font-weight: $font-weight-bold;
|
|
@@ -89,8 +96,10 @@ html {
|
|
|
89
96
|
text-decoration: none;
|
|
90
97
|
font-size: $font-size-sm;
|
|
91
98
|
font-weight: 400;
|
|
99
|
+
color: var(--leap-link-color);
|
|
92
100
|
&:hover, &:focus {
|
|
93
101
|
text-decoration: underline;
|
|
102
|
+
color: var(--leap-link-active-color);
|
|
94
103
|
}
|
|
95
104
|
}
|
|
96
105
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Theme
|
|
3
|
+
//
|
|
4
|
+
// Custom variables followed by theme variables followed by Bootstrap variables
|
|
5
|
+
// to ensure cascade of styles.
|
|
6
|
+
//
|
|
7
|
+
|
|
8
|
+
// Mute deprecation warnings until a SASS version update is available without having to spam console
|
|
9
|
+
$ignore-warning: true;
|
|
10
|
+
$enable-deprecation-messages: false;
|
|
11
|
+
|
|
12
|
+
// Bootstrap functions
|
|
13
|
+
@import '~bootstrap/scss/functions';
|
|
14
|
+
|
|
15
|
+
// Custom theme variables override
|
|
16
|
+
@import '../auth/theme/css-variables/bylawyers';
|
|
17
|
+
@import '../auth/theme/bootstrap-variables/variables-bylawyers';
|
|
18
|
+
|
|
19
|
+
// Bootstrap core
|
|
20
|
+
@import '../auth/bootstrap/bootstrap';
|
|
21
|
+
|
|
22
|
+
// Custom theme core including mixins / utilities / features
|
|
23
|
+
@import '../auth/theme/mixins/mixins';
|
|
24
|
+
@import '../auth/theme/components/components';
|
|
25
|
+
@import '../auth/theme/features/auth';
|