@beacon-interactive-systems-llc/beacon-platform-ui 17.6.5 → 17.6.6

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 (3) hide show
  1. package/package.json +1 -1
  2. package/styles/_buttons.scss +4 -0
  3. package/styles/_modals.scss +29 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@beacon-interactive-systems-llc/beacon-platform-ui",
3
- "version": "17.6.5",
3
+ "version": "17.6.6",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.0",
6
6
  "@angular/core": "^17.3.0",
package/styles/_buttons.scss CHANGED
@@ -142,6 +142,10 @@ button.platform-btn {
142
142
  height: 24px;
143
143
  }
144
144
 
145
+ &--width-xs {
146
+ width: 64px;
147
+ }
148
+
145
149
  &--width-sm {
146
150
  width: 72px;
147
151
  }
package/styles/_modals.scss CHANGED
@@ -1,3 +1,18 @@
1
+ $platform_modal_contrasts: (
2
+ light: (
3
+ modalBody: $beacon-gray-100,
4
+ modalFooter: $beacon-gray-200
5
+ ),
6
+ dark: (
7
+ modalBody: $beacon-gray-600,
8
+ modalFooter: $beacon-gray-500
9
+ ),
10
+ highcontrast: (
11
+ modalBody: $beacon-black,
12
+ modalFooter: $beacon-gray-600
13
+ )
14
+ );
15
+
1
16
  // ipad portrait
2
17
  @media (min-width: 768px) and (max-width: 768px) {
3
18
  .modal-dialog.modal-lg.widescreen {
@@ -47,19 +62,27 @@
47
62
 
48
63
  .modal-content {
49
64
  @include font-color--default;
50
- border-radius: 5px;
51
65
  }
52
66
 
53
67
  .modal-body {
54
- @include themify($platform_contrasts) {
55
- background-color: apply('secondaryBackground');
68
+ @include themify($platform_modal_contrasts) {
69
+ background-color: apply('modalBody');
56
70
  }
57
- padding: 20px 25px;
71
+ border-top-right-radius: 5px;
72
+ border-top-left-radius: 5px;
73
+ padding: 16px 16px 24px 16px;
58
74
  }
59
75
 
60
76
  .modal-footer {
61
- @include themify($platform_contrasts) {
62
- background-color: apply('secondaryBackground');
77
+ @include themify($platform_modal_contrasts) {
78
+ background-color: apply('modalFooter');
63
79
  }
80
+ border-bottom-right-radius: 5px;
81
+ border-bottom-left-radius: 5px;
82
+ padding: 8px 16px;
64
83
  border-top: none;
84
+
85
+ button {
86
+ margin: 0px;
87
+ }
65
88
  }