@bravobit/bb-foundation 0.50.6 → 0.50.8

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 (29) hide show
  1. package/collections/lib/components/collections-table/collections-table.component.d.ts +3 -1
  2. package/dialog/lib/dialog-modal/dialog-modal.component.d.ts +3 -1
  3. package/fesm2022/bravobit-bb-foundation-auth.mjs +19 -19
  4. package/fesm2022/bravobit-bb-foundation-collections.mjs +50 -46
  5. package/fesm2022/bravobit-bb-foundation-collections.mjs.map +1 -1
  6. package/fesm2022/bravobit-bb-foundation-combobox.mjs +15 -15
  7. package/fesm2022/bravobit-bb-foundation-dashboard.mjs +25 -25
  8. package/fesm2022/bravobit-bb-foundation-dialog.mjs +42 -37
  9. package/fesm2022/bravobit-bb-foundation-dialog.mjs.map +1 -1
  10. package/fesm2022/bravobit-bb-foundation-elements.mjs +96 -96
  11. package/fesm2022/bravobit-bb-foundation-elements.mjs.map +1 -1
  12. package/fesm2022/bravobit-bb-foundation-http.mjs +10 -10
  13. package/fesm2022/bravobit-bb-foundation-localize.mjs +16 -16
  14. package/fesm2022/bravobit-bb-foundation-masking.mjs +16 -16
  15. package/fesm2022/bravobit-bb-foundation-notifications.mjs +13 -13
  16. package/fesm2022/bravobit-bb-foundation-permissions.mjs +10 -10
  17. package/fesm2022/bravobit-bb-foundation-recaptcha.mjs +10 -10
  18. package/fesm2022/bravobit-bb-foundation-select.mjs +21 -21
  19. package/fesm2022/bravobit-bb-foundation-select.mjs.map +1 -1
  20. package/fesm2022/bravobit-bb-foundation-storage.mjs +3 -3
  21. package/fesm2022/bravobit-bb-foundation-table.mjs +22 -22
  22. package/fesm2022/bravobit-bb-foundation-tooltip.mjs +10 -10
  23. package/fesm2022/bravobit-bb-foundation-utils.mjs +16 -16
  24. package/fesm2022/bravobit-bb-foundation.mjs +21 -21
  25. package/localize/lib/transforms/interpolate.transform.d.ts +1 -1
  26. package/localize/lib/transforms/plural.transform.d.ts +1 -1
  27. package/localize/lib/transforms/reference.transform.d.ts +1 -1
  28. package/package.json +17 -17
  29. package/styles/theme.scss +23 -13
package/styles/theme.scss CHANGED
@@ -51,46 +51,56 @@
51
51
  --bb-form-label-font-size: 0.875rem;
52
52
  --bb-form-label-required-color: hsla(2, 58%, 48%, 1);
53
53
 
54
+ // Controls.
55
+ --bb-control-border-color: hsla(213, 8%, 74%, 1);
56
+ --bb-control-focus-border-color: hsla(213, 8%, 50%, 1);
57
+
54
58
  // Checkbox.
55
- --bb-checkbox-border-color: var(--bb-primary-color-550);
59
+ --bb-checkbox-border-radius: 0.25rem;
60
+ --bb-checkbox-border-color: var(--bb-control-border-color);
61
+ --bb-checkbox-active-border-color: var(--bb-primary-color-550);
56
62
  --bb-checkbox-background-color: var(--bb-primary-color-550);
57
63
  --bb-checkbox-outline-color: var(--bb-primary-color-100);
58
64
 
59
65
  // Radio button.
60
- --bb-radio-border-color: var(--bb-primary-color-550);
66
+ --bb-radio-border-color: var(--bb-control-border-color);
67
+ --bb-radio-active-border-color: var(--bb-primary-color-550);
61
68
  --bb-radio-indicator-color: var(--bb-primary-color-550);
62
69
  --bb-radio-outline-color: var(--bb-primary-color-100);
63
70
 
64
71
  // Form control
65
- --bb-form-control-border-color: hsla(213, 8%, 74%, 1);
66
- --bb-form-control-focus-border-color: hsla(213, 8%, 50%, 1);
67
72
  --bb-form-control-border-radius: 0.5rem;
68
73
  --bb-form-control-background-color: white;
74
+ --bb-form-control-border-color: var(--bb-control-border-color);
75
+ --bb-form-control-focus-border-color: var(--bb-control-focus-border-color);
69
76
  --bb-form-control-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1);
70
77
  --bb-form-control-focus-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1), 0 0 0 0.1875rem var(--bb-primary-color-100);
71
78
 
72
79
  // Select
73
- --bb-select-border-radius: 0.5rem;
74
- --bb-select-background-color: white;
75
- --bb-select-border-color: hsla(213, 8%, 74%, 1);
76
- --bb-select-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1);
77
- --bb-select-focus-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1), 0 0 0 0.1875rem var(--bb-primary-color-100);
80
+ --bb-select-border-radius: var(--bb-form-control-border-radius);
81
+ --bb-select-background-color: var(--bb-form-control-background-color);
82
+ --bb-select-border-color: var(--bb-control-border-color);
83
+ --bb-select-focus-border-color: var(--bb-control-focus-border-color);
84
+ --bb-select-box-shadow: var(--bb-form-control-box-shadow);
85
+ --bb-select-focus-box-shadow: var(--bb-form-control-focus-box-shadow);
78
86
 
79
87
  // File picker.
80
88
  --bb-file-picker-color: var(--bb-primary-color-550);
81
- --bb-file-picker-border-radius: 0.5rem;
89
+ --bb-file-picker-border-radius: var(--bb-form-control-border-radius);
82
90
  --bb-file-picker-box-shadow: 0 0 0 0.1875rem var(--bb-primary-color-100);
83
- --bb-file-picker-border-color: hsla(213, 8%, 74%, 1);
84
- --bb-file-picker-background-color: white;
91
+ --bb-file-picker-border-color: var(--bb-control-border-color);
92
+ --bb-file-picker-background-color: var(--bb-form-control-background-color);
85
93
 
86
94
  // Multi file control.
87
95
  --bb-multi-file-control-color: var(--bb-primary-color-550);
88
96
  --bb-multi-file-control-box-shadow: 0 0 0 0.1875rem var(--bb-primary-color-100);
97
+ --bb-multi-file-control-border-color: var(--bb-control-border-color);
98
+ --bb-multi-file-control-focus-border-color: var(--bb-control-focus-border-color);
89
99
 
90
100
  // Collections pager.
91
101
  --bb-collections-pager-color: var(--bb-primary-color-550);
92
- --bb-collections-pager-border-color: var(--bb-primary-color-700);
93
102
  --bb-collections-pager-outline-color: var(--bb-primary-color-550);
103
+ --bb-collections-pager-border-color: var(--bb-control-border-color);
94
104
  --bb-collections-pager-hover-background-color: var(--bb-primary-color-50);
95
105
  --bb-collections-pager-focus-box-shadow: 0 0 0 0.1875rem var(--bb-primary-color-100);
96
106
  --bb-collections-pager-active-background-color: var(--bb-primary-color-100);