@leapdev/gui 0.2.227 → 0.2.232

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 (37) hide show
  1. package/dist/css/4d-bylawyers.css +1 -1
  2. package/dist/css/4d-lawconnect.css +1 -1
  3. package/dist/css/4d-leap-web.css +1 -1
  4. package/dist/css/4d-leap.css +1 -1
  5. package/dist/css/xsf-crx-lawconnect.css +1 -1
  6. package/dist/css/xsf-crx-leap.css +1 -1
  7. package/dist/index.html +2 -2
  8. package/dist/scss/4d/_base.scss +2 -0
  9. package/dist/scss/4d/_content-app.scss +4 -4
  10. package/dist/scss/4d/_variables-bylawyers.scss +37 -123
  11. package/dist/scss/4d/_variables-web.scss +37 -21
  12. package/dist/scss/4d/_variables.scss +35 -18
  13. package/dist/scss/4d/components/page.scss +5 -1
  14. package/dist/scss/4d/components/responsive-table.scss +50 -0
  15. package/dist/scss/4d/components/section.scss +4 -0
  16. package/dist/scss/4d/mixins/_all.scss +2 -1
  17. package/dist/scss/4d/mixins/_mobile-device.scss +8 -0
  18. package/dist/scss/4d/overrides/buttons/buttons.scss +20 -0
  19. package/dist/scss/4d/overrides/forms/form-group.scss +13 -0
  20. package/dist/scss/4d/overrides/forms/forms.scss +0 -1
  21. package/dist/scss/4d/overrides/forms/input-group.scss +14 -0
  22. package/dist/scss/4d/overrides/forms/input-options.scss +46 -12
  23. package/dist/scss/4d/overrides/forms/input-select.scss +73 -5
  24. package/dist/scss/4d/overrides/forms/input-text.scss +6 -0
  25. package/dist/scss/4d/overrides/grid/_grid.scss +13 -0
  26. package/dist/scss/4d/overrides/nav/navbar.scss +82 -3
  27. package/dist/scss/4d/overrides/product/_bylawyers.scss +17 -10
  28. package/dist/scss/4d/overrides/product/_leapweb.scss +13 -56
  29. package/dist/scss/4d/overrides/typography/page-header.scss +31 -0
  30. package/dist/scss/xsf-crx/components/_accordion.scss +9 -5
  31. package/dist/scss/xsf-crx/components/_blockquotes.scss +6 -6
  32. package/dist/scss/xsf-crx/components/_custom-tabs.scss +6 -3
  33. package/dist/scss/xsf-crx/components/_well.scss +2 -2
  34. package/dist/scss/xsf-crx/sites/sf-lawconnect/_variables.scss +26 -16
  35. package/dist/scss/xsf-crx/sites/sf-leap/_variables.scss +10 -1
  36. package/package.json +1 -1
  37. package/dist/scss/4d/overrides/forms/input-range.scss +0 -0
@@ -68,22 +68,29 @@ h3 {
68
68
  letter-spacing: 0.2px;
69
69
  }
70
70
 
71
+ // .form-check, .form-check-inline {
72
+ // .form-check-label {
73
+ // margin-left: 0.5rem;
74
+ // }
75
+ // > input[type="radio"]:not(.form-check-inline) {
76
+ // top: 0.2rem !important;
77
+ // }
78
+ // > input[type="checkbox"] {
79
+ // top: 0.2rem !important;
80
+ // &:before {
81
+ // top: 0.09rem !important;
82
+ // left: 0 !important;
83
+ // }
84
+ // }
85
+ // }
86
+
71
87
  .form-check, .form-check-inline {
72
- .form-check-label {
73
- margin-left: 0.5rem;
74
- }
75
88
  > input[type="radio"]:not(.form-check-inline) {
76
89
  top: 0.2rem !important;
77
90
  }
78
- > input[type="checkbox"] {
79
- top: 0.2rem !important;
80
- &:before {
81
- top: 0.09rem !important;
82
- left: 0 !important;
83
- }
84
- }
85
91
  }
86
92
 
93
+
87
94
  .card {
88
95
  border-radius: $border-radius-sm;
89
96
  }
@@ -1,15 +1,22 @@
1
-
2
-
3
1
  .ng-dropdown-panel.ng-select-bottom {
4
2
  border-color: $border-color !important;
5
3
  }
6
4
 
5
+ .ng-select-container {
6
+ min-height: $input-height !important;
7
+ border-radius: $border-radius-sm !important;
8
+
9
+ .ng-value-container {
10
+ line-height: $line-height-base !important;
11
+ padding: $input-padding-y $input-padding-x !important;
12
+ }
13
+ }
14
+
7
15
  .btn {
8
16
  border-radius: $border-radius !important;
9
17
  padding: $input-padding-y $input-padding-x !important;
10
18
  }
11
19
 
12
-
13
20
  .alert {
14
21
  border-radius: $border-radius-sm !important;
15
22
  font-size: $font-size-base;
@@ -21,54 +28,20 @@
21
28
  }
22
29
  }
23
30
 
24
-
25
31
  .form-group {
26
32
  margin-bottom: 0.35rem !important;
27
33
  }
28
34
 
29
-
30
- .ng-select-container {
31
- min-height: $input-height !important;
32
- border-radius: $border-radius-sm !important;
33
-
34
-
35
- .ng-value-container {
36
- line-height: $line-height-base !important;
37
- padding: $input-padding-y $input-padding-x !important;
38
- }
39
- }
40
-
41
-
42
35
  .form-check, .form-check-inline {
43
- .form-check-label {
44
- margin-left: 0.5rem;
45
- }
46
36
  > input[type="radio"]:not(.form-check-inline) {
47
37
  top: 0.2rem !important;
48
38
  }
49
- > input[type="checkbox"] {
50
- top: 0.2rem !important;
51
- &:before {
52
- top: 0.09rem !important;
53
- left: 0 !important;
54
- }
55
- }
56
39
  }
57
-
58
-
59
-
60
- .ng-dropdown-panel.ng-select-bottom {
61
- border-color: $border-color !important;
62
- }
63
-
64
- .alert {
65
- border-radius: $border-radius-sm !important;
66
- .close {
67
- font-size: $font-size-lg;
40
+ .form-group {
41
+ @include mobile-device-only {
42
+ margin-bottom: 1rem !important;
68
43
  }
69
44
  }
70
-
71
-
72
45
  .card {
73
46
  border-radius: $border-radius-sm;
74
47
  }
@@ -107,22 +80,6 @@ h3 {
107
80
  letter-spacing: -0.5px;
108
81
  }
109
82
 
110
- .form-check, .form-check-inline {
111
- .form-check-label {
112
- margin-left: 0.5rem;
113
- }
114
- > input[type="radio"]:not(.form-check-inline) {
115
- top: 0.2rem !important;
116
- }
117
- > input[type="checkbox"] {
118
- top: 0.2rem !important;
119
- &:before {
120
- top: 0.09rem !important;
121
- left: 0 !important;
122
- }
123
- }
124
- }
125
-
126
83
  .card {
127
84
  border-radius: $border-radius-sm;
128
85
  }
@@ -16,6 +16,37 @@
16
16
  font-weight: $font-weight-bold;
17
17
  }
18
18
 
19
+ @if not $is-sirius {
20
+ .section_title {
21
+ width: 100%;
22
+ }
23
+ .section_title .h5:first-child,
24
+ .section_title h5:first-child { font-size: 0.75rem; }
25
+
26
+ .section_title .h6:first-child,
27
+ .section_title h6:first-child { font-size: 0.6875rem; }
28
+
29
+ .section_title .h5:first-child,
30
+ .section_title h5:first-child,
31
+ .section_title .h6:first-child,
32
+ .section_title h6:first-child {
33
+ font-weight: 600;
34
+ text-transform: uppercase;
35
+ position: relative;
36
+ white-space: nowrap;
37
+ overflow: hidden;
38
+
39
+ &::after {
40
+ border-top: 1px solid $gray-var-6;
41
+ content: "";
42
+ position: absolute;
43
+ top: 0.5rem;
44
+ width: 100%;
45
+ margin-left: 2%;
46
+ }
47
+ }
48
+ }
49
+
19
50
  .section-subtitle {
20
51
  font-size: $font-size-base;
21
52
  color: var(--primary, theme-color("default"));
@@ -32,7 +32,8 @@
32
32
  align-items: center;
33
33
  position: relative;
34
34
  border: 0.0625rem solid transparent;
35
- background-color: lighten($accordion-toggle-border-color,7%);
35
+ border-radius: $accordion-toggle-border-radius;
36
+ background-color: $accordion-toggle-border-color;
36
37
  padding: $accordion-toggle-padding;
37
38
  cursor: pointer;
38
39
 
@@ -46,6 +47,7 @@
46
47
  background-repeat: none;
47
48
  background-size: contain;
48
49
  opacity: 0.6;
50
+ transform: rotateZ($accordion-toggle-icon-rotation);
49
51
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTg1LjM0MyAxODUuMzQzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxODUuMzQzIDE4NS4zNDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDEwMDAyOyIgZD0iTTUxLjcwNywxODUuMzQzYy0yLjc0MSwwLTUuNDkzLTEuMDQ0LTcuNTkzLTMuMTQ5Yy00LjE5NC00LjE5NC00LjE5NC0xMC45ODEsMC0xNS4xNzUNCgkJCWw3NC4zNTItNzQuMzQ3TDQ0LjExNCwxOC4zMmMtNC4xOTQtNC4xOTQtNC4xOTQtMTAuOTg3LDAtMTUuMTc1YzQuMTk0LTQuMTk0LDEwLjk4Ny00LjE5NCwxNS4xOCwwbDgxLjkzNCw4MS45MzQNCgkJCWM0LjE5NCw0LjE5NCw0LjE5NCwxMC45ODcsMCwxNS4xNzVsLTgxLjkzNCw4MS45MzlDNTcuMjAxLDE4NC4yOTMsNTQuNDU0LDE4NS4zNDMsNTEuNzA3LDE4NS4zNDN6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=');
50
52
  }
51
53
 
@@ -55,8 +57,8 @@
55
57
  flex-direction: column;
56
58
  justify-content: center;
57
59
  margin: 0;
58
- font-weight: 400;
59
- font-size: 1rem;
60
+ font-size: $accordion-toggle-font-size;
61
+ font-weight: $accordion-toggle-font-weight;
60
62
  font-family: $theme-font-family;
61
63
  color: inherit;
62
64
  user-select: none;
@@ -71,12 +73,14 @@
71
73
 
72
74
  &.in {
73
75
  > .#{$prefix}accordion-icon {
74
- transform: rotateZ(90deg);
76
+ transform: rotateZ($accordion-toggle-icon-rotation-in);
75
77
  transition: $accordion-toggle-icon-animation;
76
78
  }
77
79
 
78
80
  + .#{$prefix}accordion-content {
79
81
  display: block;
82
+ font-size: $accordion-toggle-font-size;
83
+ font-weight: 300;
80
84
  }
81
85
 
82
86
  > .#{$prefix}accordion-text {
@@ -85,7 +89,7 @@
85
89
  }
86
90
 
87
91
  &:hover {
88
- background-color: lighten($accordion-toggle-border-color,4%);
92
+ background-color: $accordion-toggle-border-color;
89
93
  border-color: $accordion-toggle-border-color;
90
94
  z-index: 1;
91
95
  }
@@ -8,21 +8,21 @@ $blockquotes: (
8
8
  'bg-color': $blockquote-info-bgcolor,
9
9
  'border-color': $blockquote-info-border-color,
10
10
  'accent-border': $blockquote-info-accent-border,
11
- 'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg fill='%230060AC'%3E%3Cpath d='M27.781,21.171c0.811,0,1.513-0.3,2.105-0.898s0.89-1.324,0.89-2.175s-0.294-1.578-0.882-2.183s-1.292-0.906-2.113-0.906 s-1.528,0.302-2.121,0.906s-0.889,1.332-0.889,2.183s0.296,1.576,0.889,2.175S26.96,21.171,27.781,21.171z M28,0 C12.536,0,0,12.536,0,28s12.536,28,28,28s28-12.536,28-28S43.464,0,28,0z M28,54C13.641,54,2,42.359,2,28S13.641,2,28,2 s26,11.641,26,26S42.359,54,28,54z M31.566,39.338c-0.283-0.135-0.502-0.339-0.653-0.613c-0.152-0.273-0.229-0.606-0.229-0.999 V24.395l-0.228-0.252l-7.449,0.437v1.226c0.304,0.033,0.641,0.112,1.011,0.235s0.646,0.252,0.828,0.386 c0.243,0.18,0.446,0.417,0.608,0.714s0.243,0.641,0.243,1.032v9.772c0,0.414-0.065,0.747-0.197,0.999s-0.36,0.445-0.685,0.579 c-0.183,0.079-0.4,0.135-0.653,0.168c-0.254,0.033-0.512,0.062-0.775,0.084V41h9.608v-1.226c-0.264-0.033-0.518-0.089-0.761-0.168 C31.992,39.528,31.77,39.438,31.566,39.338z'/%3E%3C/g%3E%3C/svg%3E"
11
+ 'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg fill='#{$blockquote-info-color-escaped}'%3E%3Cpath d='M27.781,21.171c0.811,0,1.513-0.3,2.105-0.898s0.89-1.324,0.89-2.175s-0.294-1.578-0.882-2.183s-1.292-0.906-2.113-0.906 s-1.528,0.302-2.121,0.906s-0.889,1.332-0.889,2.183s0.296,1.576,0.889,2.175S26.96,21.171,27.781,21.171z M28,0 C12.536,0,0,12.536,0,28s12.536,28,28,28s28-12.536,28-28S43.464,0,28,0z M28,54C13.641,54,2,42.359,2,28S13.641,2,28,2 s26,11.641,26,26S42.359,54,28,54z M31.566,39.338c-0.283-0.135-0.502-0.339-0.653-0.613c-0.152-0.273-0.229-0.606-0.229-0.999 V24.395l-0.228-0.252l-7.449,0.437v1.226c0.304,0.033,0.641,0.112,1.011,0.235s0.646,0.252,0.828,0.386 c0.243,0.18,0.446,0.417,0.608,0.714s0.243,0.641,0.243,1.032v9.772c0,0.414-0.065,0.747-0.197,0.999s-0.36,0.445-0.685,0.579 c-0.183,0.079-0.4,0.135-0.653,0.168c-0.254,0.033-0.512,0.062-0.775,0.084V41h9.608v-1.226c-0.264-0.033-0.518-0.089-0.761-0.168 C31.992,39.528,31.77,39.438,31.566,39.338z'/%3E%3C/g%3E%3C/svg%3E"
12
12
  ),
13
13
  'alert': (
14
14
  'color': $blockquote-alert-color,
15
15
  'bg-color': $blockquote-alert-bgcolor,
16
16
  'border-color': $blockquote-alert-border-color,
17
17
  'accent-border': $blockquote-alert-accent-border,
18
- 'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130px' height='130px' viewBox='0 0 132 130'%3E%3Cg stroke='none' stroke-width='1' fill='%23BE332A'%3E%3Cpath d='M66,0 C29.58474,0 0,29.1364864 0,65 C0,100.863514 29.58474,130 66,130 C102.41526,130 132,100.863514 132,65 C132,29.1364864 102.41526,0 66,0 Z M66,5.90909091 C99.17262,5.90909091 126,32.3299955 126,65 C126,97.6700045 99.17262,124.090909 66,124.090909 C32.82738,124.090909 6,97.6700045 6,65 C6,32.3299955 32.82738,5.90909091 66,5.90909091 Z M62.4375,33.4232955 C61.5375,33.4232955 61.21875,33.9403409 61.21875,34.53125 L61.21875,74.4176136 C61.21875,75.3039773 61.8375,75.6178977 62.4375,75.6178977 L69.28125,75.6178977 C70.18125,75.6178977 70.5,75.0085227 70.5,74.4176136 L70.5,34.53125 C70.5,33.6448864 69.88125,33.4232955 69.28125,33.4232955 L62.4375,33.4232955 Z M62.4375,86.6051136 C61.5375,86.6051136 61.21875,87.1221591 61.21875,87.7130682 L61.21875,95.46875 C61.21875,96.3551136 61.8375,96.5767045 62.4375,96.5767045 L69.5625,96.5767045 C70.4625,96.5767045 70.78125,96.0596591 70.78125,95.46875 L70.78125,87.7130682 C70.78125,86.8267045 70.1625,86.6051136 69.5625,86.6051136 L62.4375,86.6051136 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"
18
+ 'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130px' height='130px' viewBox='0 0 132 130'%3E%3Cg stroke='none' stroke-width='1' fill='#{$blockquote-alert-color-escaped}'%3E%3Cpath d='M66,0 C29.58474,0 0,29.1364864 0,65 C0,100.863514 29.58474,130 66,130 C102.41526,130 132,100.863514 132,65 C132,29.1364864 102.41526,0 66,0 Z M66,5.90909091 C99.17262,5.90909091 126,32.3299955 126,65 C126,97.6700045 99.17262,124.090909 66,124.090909 C32.82738,124.090909 6,97.6700045 6,65 C6,32.3299955 32.82738,5.90909091 66,5.90909091 Z M62.4375,33.4232955 C61.5375,33.4232955 61.21875,33.9403409 61.21875,34.53125 L61.21875,74.4176136 C61.21875,75.3039773 61.8375,75.6178977 62.4375,75.6178977 L69.28125,75.6178977 C70.18125,75.6178977 70.5,75.0085227 70.5,74.4176136 L70.5,34.53125 C70.5,33.6448864 69.88125,33.4232955 69.28125,33.4232955 L62.4375,33.4232955 Z M62.4375,86.6051136 C61.5375,86.6051136 61.21875,87.1221591 61.21875,87.7130682 L61.21875,95.46875 C61.21875,96.3551136 61.8375,96.5767045 62.4375,96.5767045 L69.5625,96.5767045 C70.4625,96.5767045 70.78125,96.0596591 70.78125,95.46875 L70.78125,87.7130682 C70.78125,86.8267045 70.1625,86.6051136 69.5625,86.6051136 L62.4375,86.6051136 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"
19
19
  ),
20
20
  'tip': (
21
21
  'color': $blockquote-tip-color,
22
22
  'bg-color': $blockquote-tip-bgcolor,
23
23
  'border-color': $blockquote-tip-border-color,
24
24
  'accent-border': $blockquote-tip-accent-border,
25
- 'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 36 56' style='enable-background:new 0 0 36 56;' xml:space='preserve'%3E%3Cg fill='%2343AE33'%3E%3Cpath d='M24,46H12c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1C25,46.448,24.553,46,24,46z M22,50h-8 c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h8c0.553,0,1-0.447,1-1C23,50.448,22.553,50,22,50z M19,54h-2c-0.553,0-1,0.447-1,1 s0.447,1,1,1h2c0.553,0,1-0.447,1-1S19.553,54,19,54z M36,19C36,8.507,27.941,0,18,0S0,8.507,0,19 c0,7.919,4.592,14.7,11.116,17.555C11.048,36.69,11,36.838,11,37v2c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1v-2 c0-0.162-0.048-0.31-0.116-0.445C31.408,33.7,36,26.919,36,19z M23,35.142V38H13v-2.858C6.614,32.909,2,26.532,2,19 C2,9.611,9.163,2,18,2s16,7.611,16,17C34,26.532,29.386,32.909,23,35.142z M24,42H12c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h12 c0.553,0,1-0.447,1-1C25,42.448,24.553,42,24,42z'/%3E%3C/g%3E%3C/svg%3E"
25
+ 'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 36 56' style='enable-background:new 0 0 36 56;' xml:space='preserve'%3E%3Cg fill='#{$blockquote-tip-color-escaped}'%3E%3Cpath d='M24,46H12c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1C25,46.448,24.553,46,24,46z M22,50h-8 c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h8c0.553,0,1-0.447,1-1C23,50.448,22.553,50,22,50z M19,54h-2c-0.553,0-1,0.447-1,1 s0.447,1,1,1h2c0.553,0,1-0.447,1-1S19.553,54,19,54z M36,19C36,8.507,27.941,0,18,0S0,8.507,0,19 c0,7.919,4.592,14.7,11.116,17.555C11.048,36.69,11,36.838,11,37v2c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1v-2 c0-0.162-0.048-0.31-0.116-0.445C31.408,33.7,36,26.919,36,19z M23,35.142V38H13v-2.858C6.614,32.909,2,26.532,2,19 C2,9.611,9.163,2,18,2s16,7.611,16,17C34,26.532,29.386,32.909,23,35.142z M24,42H12c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h12 c0.553,0,1-0.447,1-1C25,42.448,24.553,42,24,42z'/%3E%3C/g%3E%3C/svg%3E"
26
26
  )
27
27
  )
28
28
  );
@@ -91,9 +91,9 @@ $blockquotes: (
91
91
 
92
92
  > .#{$prefix}blockquote-content-body {
93
93
  color: $theme-text-color;
94
- font-size: 0.875rem;
94
+ font-size: 1rem;
95
95
  font-family: $theme-font-family;
96
- font-weight: 500;
96
+ font-weight: 300;
97
97
  line-height: $theme-line-height;
98
98
  * {
99
99
  &:last-child {
@@ -118,7 +118,7 @@ $blockquotes: (
118
118
  $bq-bg-color: map-deep-get($blockquotes, 'types', $type, 'color');
119
119
 
120
120
  border-left: none;
121
- background-color: map-deep-get($blockquotes, 'types', $type, 'bg-color');;
121
+ background-color: map-deep-get($blockquotes, 'types', $type, 'bg-color');
122
122
  border: 1px solid map-deep-get($blockquotes, 'types', $type, 'border-color');
123
123
  border-bottom-color: darken(map-deep-get($blockquotes, 'types', $type, 'border-color'),5%);
124
124
  fill: map-deep-get($blockquotes, 'types', $type, 'color');
@@ -46,7 +46,6 @@
46
46
  ul.#{$prefix}tab-nav {
47
47
  display: flex;
48
48
  align-content: flex-start;
49
- gap: 2rem;
50
49
  position: relative;
51
50
  margin: 0;
52
51
  margin-left: 0 !important;
@@ -54,7 +53,7 @@ ul.#{$prefix}tab-nav {
54
53
  > .#{$prefix}tab-item {
55
54
  display: block;
56
55
  position: relative;
57
- margin: 0;
56
+ margin: $comp_tab-link-margin;
58
57
  margin-left: 0 !important;
59
58
 
60
59
  &:first-child {
@@ -62,6 +61,10 @@ ul.#{$prefix}tab-nav {
62
61
  margin-left: 0 !important;
63
62
  }
64
63
 
64
+ &:last-child {
65
+ margin: 0;
66
+ }
67
+
65
68
  > .#{$prefix}tab-item-link {
66
69
  display: block;
67
70
  text-align: center;
@@ -91,7 +94,7 @@ ul.#{$prefix}tab-nav {
91
94
  &:after {
92
95
  content: '';
93
96
  position: absolute;
94
- bottom: -$comp_tab-nav-border-thickness;
97
+ bottom: 0;
95
98
  z-index: 1;
96
99
  left: 0;
97
100
  right: 0;
@@ -26,8 +26,8 @@
26
26
  }
27
27
 
28
28
  .#{$prefix}well-body {
29
- font-size: 0.875rem;
30
- font-weight: 500;
29
+ font-size: 1rem;
30
+ font-weight: 300;
31
31
  font-family: $theme-font-family;
32
32
  line-height: $theme-line-height;
33
33
 
@@ -8,7 +8,7 @@ $btn-sizes: 'lg', 'xs';
8
8
  $theme-font-family: 'Inter', Arial, sans-serif;
9
9
  $theme-border-radius: 2px;
10
10
  $theme-padding: 1rem;
11
- $theme-line-height: 1.65;
11
+ $theme-line-height: 1.5rem;
12
12
 
13
13
  // Theme colors
14
14
  $theme-cyan: #0E5FE3;
@@ -26,26 +26,30 @@ $blockquote-addon-offset: $blockquote-padding;
26
26
  $blockquote-content-offset: $blockquote-addon-dimensions + ($blockquote-addon-offset * 2) + .5rem;
27
27
 
28
28
  // This should vary per theme
29
- $blockquote-default-bg-color: #f3f3f3;
30
- $blockquote-blue: $theme-cyan;
31
- $blockquote-green: #49BF70;
32
- $blockquote-red: #D65454;
29
+ $blockquote-default-bg-color: #fff;
30
+ $blockquote-blue: $theme-darkblue;
31
+ $blockquote-green: #389A59;
32
+ $blockquote-lightgreen: #DBF2E2;
33
+ $blockquote-red: #AE2828;
34
+ $blockquote-lightred: #F7DDDD;
33
35
 
34
36
  $blockquote-info-accent-border: $blockquote-blue;
35
37
  $blockquote-info-color: $blockquote-blue;
36
- $blockquote-info-bgcolor: lighten($blockquote-blue,59%);
37
- $blockquote-info-border-color: lighten($blockquote-blue,38%);
38
+ $blockquote-info-bgcolor: $theme-lightgray;
39
+ $blockquote-info-border-color: transparent;
40
+ $blockquote-info-color-escaped: '%230A49AF';
38
41
 
39
- $blockquote-tip-accent-border: $blockquote-red;
42
+ $blockquote-tip-accent-border: $blockquote-green;
40
43
  $blockquote-tip-color: $blockquote-green;
41
- $blockquote-tip-bgcolor: lighten($blockquote-green,50%);
42
- $blockquote-tip-border-color: lighten($blockquote-green,30%);
44
+ $blockquote-tip-bgcolor: $blockquote-lightgreen;
45
+ $blockquote-tip-border-color: transparent;
46
+ $blockquote-tip-color-escaped: '%23389A59';
43
47
 
44
48
  $blockquote-alert-accent-border: $blockquote-red;
45
49
  $blockquote-alert-color: $blockquote-red;
46
- $blockquote-alert-bgcolor: lighten($blockquote-red,50%);
47
- $blockquote-alert-border-color: lighten($blockquote-red,38%);
48
-
50
+ $blockquote-alert-bgcolor: $blockquote-lightred;
51
+ $blockquote-alert-border-color: transparent;
52
+ $blockquote-alert-color-escaped: '%23AE2828';
49
53
 
50
54
  $bq-sh-x: 0;
51
55
  $bq-sh-y: 1px;
@@ -68,22 +72,28 @@ $comp_tab-link-active-border-thickness: .1875rem;
68
72
  $comp_tab-nav-border-thickness: .1875rem;
69
73
  $comp_tab-content-padding: 1rem;
70
74
  $comp_tab-link-padding: .5rem 0rem;
75
+ $comp_tab-link-margin: 0 2rem 0 0;
71
76
 
72
77
  //============================================================
73
78
  // SF Accordion
74
79
  //============================================================
75
80
  $accordion-item-top-offset: -1px;
81
+ $accordion-toggle-font-size: 1rem;
82
+ $accordion-toggle-font-weight: 500;
76
83
  $accordion-toggle-padding: 1rem;
77
- $accordion-toggle-border-color: #e3e3e3;
78
- $accordion-toggle-active-color: $theme-darkblue;
84
+ $accordion-toggle-border-radius: 12px;
85
+ $accordion-toggle-border-color: #f6f7f8;
86
+ $accordion-toggle-active-color: $theme-text-color;
79
87
  $accordion-toggle-hover-border-color: darken($theme-lightgray,10%);
80
88
  $accordion-toggle-icon-stroke-width: 0.125rem;
81
89
  $accordion-toggle-icon-dim: 1rem;
82
90
  $accordion-toggle-icon-offset: 1rem;
83
91
  $accordion-toggle-icon-animation: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
92
+ $accordion-toggle-icon-rotation: 90deg;
93
+ $accordion-toggle-icon-rotation-in: 270deg;
84
94
  $accordion-content-padding: 1rem;
85
95
 
86
96
  //============================================================
87
97
  // Well
88
98
  //============================================================
89
- $well-bg: #F3F3F3;
99
+ $well-bg: #F6F7F8;
@@ -34,16 +34,19 @@ $blockquote-info-accent-border: $blockquote-blue;
34
34
  $blockquote-info-color: darken($blockquote-blue,15%);
35
35
  $blockquote-info-bgcolor: lighten($blockquote-blue,59%);
36
36
  $blockquote-info-border-color: lighten($blockquote-blue,38%);
37
+ $blockquote-info-color-escaped: '%230060AC';
37
38
 
38
39
  $blockquote-tip-accent-border: $blockquote-green;
39
40
  $blockquote-tip-color: darken($blockquote-green,15%);
40
41
  $blockquote-tip-bgcolor: lighten($blockquote-green,50%);
41
42
  $blockquote-tip-border-color: lighten($blockquote-green,30%);
43
+ $blockquote-tip-color-escaped: '%2343AE33';
42
44
 
43
45
  $blockquote-alert-accent-border: $blockquote-red;
44
46
  $blockquote-alert-color: darken($blockquote-red,15%);
45
47
  $blockquote-alert-bgcolor: lighten($blockquote-red,50%);
46
48
  $blockquote-alert-border-color: lighten($blockquote-red,38%);
49
+ $blockquote-alert-color-escaped: '%23BE332A';
47
50
 
48
51
  $bq-sh-x: 0px;
49
52
  $bq-sh-y: 2px;
@@ -66,19 +69,25 @@ $comp_tab-link-active-border-thickness: 0.125rem;
66
69
  $comp_tab-nav-border-thickness: 0.0625rem;
67
70
  $comp_tab-content-padding: 1rem 0;
68
71
  $comp_tab-link-padding: .5rem 1.5rem;
72
+ $comp_tab-link-margin: 0;
69
73
 
70
74
  //============================================================
71
75
  // SF Accordion
72
76
  //============================================================
73
77
  $accordion-item-top-offset: -1px;
78
+ $accordion-toggle-font-size: 1rem;
79
+ $accordion-toggle-font-weight: 400;
74
80
  $accordion-toggle-padding: 1rem;
75
- $accordion-toggle-border-color: #e3e3e3;
81
+ $accordion-toggle-border-radius: 0px;
82
+ $accordion-toggle-border-color: #f5f5f5;
76
83
  $accordion-toggle-active-color: #f2841f;
77
84
  $accordion-toggle-hover-border-color: darken($theme-lightgray,10%);
78
85
  $accordion-toggle-icon-stroke-width: 0.125rem;
79
86
  $accordion-toggle-icon-dim: 1rem;
80
87
  $accordion-toggle-icon-offset: 1rem;
81
88
  $accordion-toggle-icon-animation: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
89
+ $accordion-toggle-icon-rotation: 0deg;
90
+ $accordion-toggle-icon-rotation-in: 90deg;
82
91
  $accordion-content-padding: 1rem;
83
92
 
84
93
  //============================================================
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leapdev/gui",
3
- "version": "0.2.227",
3
+ "version": "0.2.232",
4
4
  "description": "LEAP GUI",
5
5
  "author": "LEAP Dev",
6
6
  "license": "ISC",
File without changes