blue-react 8.8.0 → 8.8.3
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/components/Modal.js +6 -4
- package/dist/components/ModalProvider.js +20 -8
- package/dist/components/Utilities.js +26 -18
- package/dist/style.css +16 -7
- package/dist/style.min.css +3 -3
- package/dist/style.scss +1 -1
- package/dist/styles/_variables.scss +15 -3
- package/dist/types/components/Modal.d.ts +2 -1
- package/dist/types/components/ModalProvider.d.ts +1 -0
- package/package.json +1 -1
package/dist/style.scss
CHANGED
|
@@ -98,18 +98,30 @@ $actions-control-bg-hover: $bla-button-bg-hover !default;
|
|
|
98
98
|
// Width and height of the scrollbar indicators
|
|
99
99
|
$scrollbar-size: 10px;
|
|
100
100
|
|
|
101
|
-
:root
|
|
101
|
+
:root,
|
|
102
|
+
.blue-theme-with-scss {
|
|
102
103
|
--blue-sidebar-width: #{$bla-sidebar-width};
|
|
103
104
|
--blue-sidebar-color-h: #{$blue-sidebar-color-h};
|
|
104
105
|
--blue-sidebar-color-s: #{$blue-sidebar-color-s};
|
|
105
106
|
--blue-sidebar-color-l: #{$blue-sidebar-color-l};
|
|
106
107
|
--blue-sidebar-color: #{$blue-sidebar-color};
|
|
108
|
+
--blue-theme: #{$theme};
|
|
109
|
+
|
|
110
|
+
--blue-app-bg: #{$app-bg};
|
|
111
|
+
--blue-sidebar-bg: #{$sidebar-bg};
|
|
112
|
+
--blue-header-bg: #{$header-bg};
|
|
113
|
+
--blue-menu-item-indicator-bg: #{$sidebar-indicator-color};
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.blue-theme-with-css {
|
|
107
117
|
--blue-theme: var(--theme, #{$theme});
|
|
108
|
-
--blue-shimmering: 0.8;
|
|
109
118
|
|
|
110
119
|
--blue-app-bg: var(--blue-theme, #{$app-bg});
|
|
111
120
|
--blue-sidebar-bg: var(--blue-theme, #{$sidebar-bg});
|
|
112
121
|
--blue-header-bg: var(--blue-theme, #{$header-bg});
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
:root {
|
|
125
|
+
--blue-shimmering: 0.8;
|
|
113
126
|
--blue-action-link-bg-color: var(--blue-theme);
|
|
114
|
-
--blue-menu-item-indicator-bg: #{$sidebar-indicator-color};
|
|
115
127
|
}
|
|
@@ -17,6 +17,7 @@ export interface ModalProps {
|
|
|
17
17
|
*/
|
|
18
18
|
type: ModalType;
|
|
19
19
|
inputType?: string;
|
|
20
|
+
switchPrimaryBtn?: boolean;
|
|
20
21
|
}
|
|
21
22
|
/**
|
|
22
23
|
* Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
|
|
@@ -24,4 +25,4 @@ export interface ModalProps {
|
|
|
24
25
|
*
|
|
25
26
|
* For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
|
|
26
27
|
*/
|
|
27
|
-
export default function Modal({ modalContent, modalTitle, modalIcon, unSetModalContent, onSubmit, defaultInput, type, inputType }: ModalProps): JSX.Element;
|
|
28
|
+
export default function Modal({ modalContent, modalTitle, modalIcon, unSetModalContent, onSubmit, defaultInput, type, inputType, switchPrimaryBtn }: ModalProps): JSX.Element;
|