@leapdev/gui 0.2.226 → 0.2.230

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 (40) hide show
  1. package/dist/bs-lawconnect.js +2 -2
  2. package/dist/bs-leap-slim.js +2 -2
  3. package/dist/bs-leap.js +2 -2
  4. package/dist/bs-titlex.js +2 -2
  5. package/dist/css/4d-bylawyers.css +1 -1
  6. package/dist/css/4d-lawconnect.css +1 -1
  7. package/dist/css/4d-leap-web.css +1 -1
  8. package/dist/css/4d-leap.css +1 -1
  9. package/dist/css/xsf-crx-lawconnect.css +1 -0
  10. package/dist/css/xsf-crx-leap.css +1 -1
  11. package/dist/index.html +2 -2
  12. package/dist/scss/4d/_base.scss +2 -0
  13. package/dist/scss/4d/_content-app.scss +4 -4
  14. package/dist/scss/4d/_variables-bylawyers.scss +37 -123
  15. package/dist/scss/4d/_variables-web.scss +37 -21
  16. package/dist/scss/4d/_variables.scss +35 -18
  17. package/dist/scss/4d/components/page.scss +12 -1
  18. package/dist/scss/4d/components/responsive-table.scss +50 -0
  19. package/dist/scss/4d/components/section.scss +4 -0
  20. package/dist/scss/4d/mixins/_all.scss +2 -1
  21. package/dist/scss/4d/mixins/_mobile-device.scss +8 -0
  22. package/dist/scss/4d/overrides/buttons/buttons.scss +20 -0
  23. package/dist/scss/4d/overrides/forms/form-group.scss +13 -0
  24. package/dist/scss/4d/overrides/forms/forms.scss +0 -1
  25. package/dist/scss/4d/overrides/forms/input-options.scss +46 -12
  26. package/dist/scss/4d/overrides/forms/input-select.scss +59 -5
  27. package/dist/scss/4d/overrides/forms/input-text.scss +6 -0
  28. package/dist/scss/4d/overrides/grid/_grid.scss +13 -0
  29. package/dist/scss/4d/overrides/nav/navbar.scss +82 -3
  30. package/dist/scss/4d/overrides/product/_bylawyers.scss +17 -10
  31. package/dist/scss/4d/overrides/product/_leapweb.scss +13 -56
  32. package/dist/scss/xsf-crx/components/_accordion.scss +9 -5
  33. package/dist/scss/xsf-crx/components/_blockquotes.scss +6 -6
  34. package/dist/scss/xsf-crx/components/_custom-tabs.scss +9 -4
  35. package/dist/scss/xsf-crx/components/_well.scss +2 -2
  36. package/dist/scss/xsf-crx/sites/sf-lawconnect/_variables.scss +44 -25
  37. package/dist/scss/xsf-crx/sites/sf-leap/_variables.scss +10 -1
  38. package/dist/xsf-crx-lawconnect.js +96 -0
  39. package/package.json +1 -1
  40. package/dist/scss/4d/overrides/forms/input-range.scss +0 -0
@@ -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
  }
@@ -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');
@@ -10,7 +10,6 @@
10
10
  display: block;
11
11
  width: 100%;
12
12
  padding-bottom: 0.0625rem;
13
- border-bottom: 1px solid $comp_tab-nav-border-color;
14
13
 
15
14
  // Make tab responsive
16
15
  overflow-x: auto;
@@ -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;
@@ -72,7 +75,8 @@ ul.#{$prefix}tab-nav {
72
75
  padding: $comp_tab-link-padding;
73
76
  text-decoration: none;
74
77
  text-transform: $comp_tab-link-transform;
75
- letter-spacing: 0.0625em;
78
+ line-height: 1.5rem;
79
+ letter-spacing: 0;
76
80
  position: relative;
77
81
  outline: none;
78
82
  cursor: pointer;
@@ -90,7 +94,7 @@ ul.#{$prefix}tab-nav {
90
94
  &:after {
91
95
  content: '';
92
96
  position: absolute;
93
- bottom: -$comp_tab-nav-border-thickness;
97
+ bottom: 0;
94
98
  z-index: 1;
95
99
  left: 0;
96
100
  right: 0;
@@ -111,6 +115,7 @@ ul.#{$prefix}tab-nav {
111
115
  height: $comp_tab-link-active-border-thickness;
112
116
  display: block;
113
117
  background-color: $comp_tab-nav-border-color-active;
118
+ border-radius: $comp_tab-link-active-border-thickness;
114
119
  }
115
120
  }
116
121
  }
@@ -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
 
@@ -5,16 +5,17 @@ $prefix: 'sf-';
5
5
  $vendors: '-moz-', '-webkit-', '-ms-', '';
6
6
  $btn-sizes: 'lg', 'xs';
7
7
 
8
- $theme-font-family: '';
8
+ $theme-font-family: 'Inter', Arial, sans-serif;
9
9
  $theme-border-radius: 2px;
10
10
  $theme-padding: 1rem;
11
+ $theme-line-height: 1.5rem;
11
12
 
12
13
  // Theme colors
13
- $theme-cyan: #32abe2;
14
- $theme-darkblue: #0c3e55;
15
- $theme-lightgray: #f6f6f6;
16
- $theme-text-color: #333;
17
- $theme-text-muted: #696969;
14
+ $theme-cyan: #0E5FE3;
15
+ $theme-darkblue: #0A49AF;
16
+ $theme-lightgray: #E8F0FC;
17
+ $theme-text-color: #191919;
18
+ $theme-text-muted: #6D7278;
18
19
 
19
20
  //============================================================
20
21
  // Blockquotes
@@ -25,22 +26,30 @@ $blockquote-addon-offset: $blockquote-padding;
25
26
  $blockquote-content-offset: $blockquote-addon-dimensions + ($blockquote-addon-offset * 2) + .5rem;
26
27
 
27
28
  // This should vary per theme
28
- $blockquote-default-bg-color: #f3f3f3;
29
- $blockquote-blue: #0060AC;
30
- $blockquote-green: #43AE33;
31
- $blockquote-red: #BE332A;
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;
32
35
 
36
+ $blockquote-info-accent-border: $blockquote-blue;
33
37
  $blockquote-info-color: $blockquote-blue;
34
- $blockquote-info-bgcolor: lighten($blockquote-blue,59%);
35
- $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';
36
41
 
42
+ $blockquote-tip-accent-border: $blockquote-green;
37
43
  $blockquote-tip-color: $blockquote-green;
38
- $blockquote-tip-bgcolor: lighten($blockquote-green,50%);
39
- $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';
40
47
 
48
+ $blockquote-alert-accent-border: $blockquote-red;
41
49
  $blockquote-alert-color: $blockquote-red;
42
- $blockquote-alert-bgcolor: lighten($blockquote-red,50%);
43
- $blockquote-alert-border-color: lighten($blockquote-red,38%);
50
+ $blockquote-alert-bgcolor: $blockquote-lightred;
51
+ $blockquote-alert-border-color: transparent;
52
+ $blockquote-alert-color-escaped: '%23AE2828';
44
53
 
45
54
  $bq-sh-x: 0;
46
55
  $bq-sh-y: 1px;
@@ -51,30 +60,40 @@ $bq-sh-color: rgba(0, 0, 0, 0.17);
51
60
  //============================================================
52
61
  // SF Tabs
53
62
  //============================================================
54
- $comp_tab-link-transform: uppercase;
55
- $comp_tab-link-color-active: #333;
56
- $comp_tab-link-color: #696969;
57
- $comp_tab-font-weight: 700;
63
+ $comp_tab-link-transform: none;
64
+ $comp_tab-link-color-active: $theme-darkblue;
65
+ $comp_tab-link-color: $theme-text-muted;
66
+ $comp_tab-link-hover-color: $theme-text-color;
67
+ $comp_tab-link-font-size: 1rem;
68
+ $comp_tab-font-weight: 500;
58
69
  $comp_tab-nav-border-color: $theme-lightgray;
59
- $comp_tab-nav-border-color-active: $theme-cyan;
60
- $comp_tab-nav-border-thickness: 4px;
70
+ $comp_tab-nav-border-color-active: $theme-darkblue;
71
+ $comp_tab-link-active-border-thickness: .1875rem;
72
+ $comp_tab-nav-border-thickness: .1875rem;
61
73
  $comp_tab-content-padding: 1rem;
62
- $comp_tab-link-padding: 1.5rem 1.5rem .5rem;
74
+ $comp_tab-link-padding: .5rem 0rem;
75
+ $comp_tab-link-margin: 0 2rem 0 0;
63
76
 
64
77
  //============================================================
65
78
  // SF Accordion
66
79
  //============================================================
67
80
  $accordion-item-top-offset: -1px;
81
+ $accordion-toggle-font-size: 1rem;
82
+ $accordion-toggle-font-weight: 500;
68
83
  $accordion-toggle-padding: 1rem;
69
- $accordion-toggle-border-color: #e3e3e3;
84
+ $accordion-toggle-border-radius: 12px;
85
+ $accordion-toggle-border-color: #f6f7f8;
86
+ $accordion-toggle-active-color: $theme-text-color;
70
87
  $accordion-toggle-hover-border-color: darken($theme-lightgray,10%);
71
88
  $accordion-toggle-icon-stroke-width: 0.125rem;
72
89
  $accordion-toggle-icon-dim: 1rem;
73
90
  $accordion-toggle-icon-offset: 1rem;
74
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;
75
94
  $accordion-content-padding: 1rem;
76
95
 
77
96
  //============================================================
78
97
  // Well
79
98
  //============================================================
80
- $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
  //============================================================
@@ -0,0 +1,96 @@
1
+ /******/ (function(modules) { // webpackBootstrap
2
+ /******/ // The module cache
3
+ /******/ var installedModules = {};
4
+ /******/
5
+ /******/ // The require function
6
+ /******/ function __webpack_require__(moduleId) {
7
+ /******/
8
+ /******/ // Check if module is in cache
9
+ /******/ if(installedModules[moduleId]) {
10
+ /******/ return installedModules[moduleId].exports;
11
+ /******/ }
12
+ /******/ // Create a new module (and put it into the cache)
13
+ /******/ var module = installedModules[moduleId] = {
14
+ /******/ i: moduleId,
15
+ /******/ l: false,
16
+ /******/ exports: {}
17
+ /******/ };
18
+ /******/
19
+ /******/ // Execute the module function
20
+ /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21
+ /******/
22
+ /******/ // Flag the module as loaded
23
+ /******/ module.l = true;
24
+ /******/
25
+ /******/ // Return the exports of the module
26
+ /******/ return module.exports;
27
+ /******/ }
28
+ /******/
29
+ /******/
30
+ /******/ // expose the modules object (__webpack_modules__)
31
+ /******/ __webpack_require__.m = modules;
32
+ /******/
33
+ /******/ // expose the module cache
34
+ /******/ __webpack_require__.c = installedModules;
35
+ /******/
36
+ /******/ // define getter function for harmony exports
37
+ /******/ __webpack_require__.d = function(exports, name, getter) {
38
+ /******/ if(!__webpack_require__.o(exports, name)) {
39
+ /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
40
+ /******/ }
41
+ /******/ };
42
+ /******/
43
+ /******/ // define __esModule on exports
44
+ /******/ __webpack_require__.r = function(exports) {
45
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
46
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
47
+ /******/ }
48
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
49
+ /******/ };
50
+ /******/
51
+ /******/ // create a fake namespace object
52
+ /******/ // mode & 1: value is a module id, require it
53
+ /******/ // mode & 2: merge all properties of value into the ns
54
+ /******/ // mode & 4: return value when already ns object
55
+ /******/ // mode & 8|1: behave like require
56
+ /******/ __webpack_require__.t = function(value, mode) {
57
+ /******/ if(mode & 1) value = __webpack_require__(value);
58
+ /******/ if(mode & 8) return value;
59
+ /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
60
+ /******/ var ns = Object.create(null);
61
+ /******/ __webpack_require__.r(ns);
62
+ /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
63
+ /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
64
+ /******/ return ns;
65
+ /******/ };
66
+ /******/
67
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
68
+ /******/ __webpack_require__.n = function(module) {
69
+ /******/ var getter = module && module.__esModule ?
70
+ /******/ function getDefault() { return module['default']; } :
71
+ /******/ function getModuleExports() { return module; };
72
+ /******/ __webpack_require__.d(getter, 'a', getter);
73
+ /******/ return getter;
74
+ /******/ };
75
+ /******/
76
+ /******/ // Object.prototype.hasOwnProperty.call
77
+ /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
78
+ /******/
79
+ /******/ // __webpack_public_path__
80
+ /******/ __webpack_require__.p = "";
81
+ /******/
82
+ /******/
83
+ /******/ // Load entry module and return exports
84
+ /******/ return __webpack_require__(__webpack_require__.s = 12);
85
+ /******/ })
86
+ /************************************************************************/
87
+ /******/ ({
88
+
89
+ /***/ 12:
90
+ /***/ (function(module, exports, __webpack_require__) {
91
+
92
+ // extracted by mini-css-extract-plugin
93
+
94
+ /***/ })
95
+
96
+ /******/ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leapdev/gui",
3
- "version": "0.2.226",
3
+ "version": "0.2.230",
4
4
  "description": "LEAP GUI",
5
5
  "author": "LEAP Dev",
6
6
  "license": "ISC",
File without changes