blue-react 7.8.1 → 7.9.1

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/README.md +40 -40
  2. package/dist/components/ActionMenuItem.js +4 -4
  3. package/dist/components/ActionMenuSwitch.js +2 -2
  4. package/dist/components/Caret.js +2 -2
  5. package/dist/components/DocumentView.js +3 -3
  6. package/dist/components/Grid.js +10 -2
  7. package/dist/components/Header.js +2 -2
  8. package/dist/components/HeaderActions.js +2 -2
  9. package/dist/components/HeaderTitle.js +3 -3
  10. package/dist/components/Intro.js +2 -2
  11. package/dist/components/Outside.js +6 -6
  12. package/dist/components/Page.js +2 -2
  13. package/dist/components/SidebarMenu.js +2 -2
  14. package/dist/components/Switch.js +2 -2
  15. package/dist/style.css +9 -9
  16. package/dist/style.min.css +7 -7
  17. package/dist/style.scss +1 -1
  18. package/dist/styles/_action-menu.scss +81 -81
  19. package/dist/styles/_actions.scss +137 -137
  20. package/dist/styles/_bootstrap-mixins_overwritten.scss +106 -106
  21. package/dist/styles/_bootstrap-optimizations.scss +13 -13
  22. package/dist/styles/_bootstrap-variables.scss +13 -13
  23. package/dist/styles/_bootstrap.scss +56 -56
  24. package/dist/styles/_caret.scss +50 -50
  25. package/dist/styles/_document-view.scss +6 -6
  26. package/dist/styles/_hover.scss +42 -42
  27. package/dist/styles/_keyframes.scss +73 -73
  28. package/dist/styles/_mixins.scss +7 -7
  29. package/dist/styles/_ripple.scss +30 -30
  30. package/dist/styles/_router.scss +18 -18
  31. package/dist/styles/_switch.scss +21 -21
  32. package/dist/styles/mixins/_action-menu.scss +68 -68
  33. package/dist/styles/mixins/_actions.scss +55 -55
  34. package/dist/styles/mixins/_custom-property.scss +10 -10
  35. package/dist/styles/mixins/_misc.scss +33 -33
  36. package/dist/styles/mixins/_scroll-shadow.scss +9 -9
  37. package/dist/styles/mixins/_sidebar.scss +142 -142
  38. package/dist/styles/mixins/_switch.scss +85 -85
  39. package/dist/types/components/Grid.d.ts +3 -1
  40. package/package.json +88 -88
@@ -1,13 +1,13 @@
1
- $light: #ecedf0 !default;
2
-
3
- // Components
4
- //
5
-
6
- $border-radius: 0.5rem !default;
7
- $border-radius-lg: 0.7rem !default;
8
- $border-radius-sm: 0.3rem !default;
9
-
10
- $custom-checkbox-indicator-border-radius: $border-radius-sm !default;
11
-
12
- $link-decoration: none !default;
13
- $link-hover-decoration: underline !default;
1
+ $light: #ecedf0 !default;
2
+
3
+ // Components
4
+ //
5
+
6
+ $border-radius: 0.5rem !default;
7
+ $border-radius-lg: 0.7rem !default;
8
+ $border-radius-sm: 0.3rem !default;
9
+
10
+ $custom-checkbox-indicator-border-radius: $border-radius-sm !default;
11
+
12
+ $link-decoration: none !default;
13
+ $link-hover-decoration: underline !default;
@@ -1,56 +1,56 @@
1
- /*!
2
- * Bootstrap v5.0.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2021 The Bootstrap Authors
4
- * Copyright 2011-2021 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- */
7
-
8
- // scss-docs-start import-stack
9
- // Configuration
10
- @import "node_modules/bootstrap/scss/functions";
11
- @import "node_modules/bootstrap/scss/variables";
12
- @import "node_modules/bootstrap/scss/mixins";
13
-
14
- @import "./_bootstrap-mixins_overwritten.scss";
15
-
16
- @import "node_modules/bootstrap/scss/utilities";
17
-
18
- // Layout & components
19
- @import "node_modules/bootstrap/scss/root";
20
-
21
- @import "node_modules/bootstrap/scss/reboot";
22
- @import "node_modules/bootstrap/scss/type";
23
- @import "node_modules/bootstrap/scss/images";
24
- @import "node_modules/bootstrap/scss/containers";
25
- @import "node_modules/bootstrap/scss/grid";
26
- @import "node_modules/bootstrap/scss/tables";
27
- @import "node_modules/bootstrap/scss/forms";
28
- @import "node_modules/bootstrap/scss/buttons";
29
- @import "node_modules/bootstrap/scss/transitions";
30
- @import "node_modules/bootstrap/scss/dropdown";
31
- @import "node_modules/bootstrap/scss/button-group";
32
- @import "node_modules/bootstrap/scss/nav";
33
- @import "node_modules/bootstrap/scss/navbar";
34
- @import "node_modules/bootstrap/scss/card";
35
- @import "node_modules/bootstrap/scss/accordion";
36
- @import "node_modules/bootstrap/scss/breadcrumb";
37
- @import "node_modules/bootstrap/scss/pagination";
38
- @import "node_modules/bootstrap/scss/badge";
39
- @import "node_modules/bootstrap/scss/alert";
40
- @import "node_modules/bootstrap/scss/progress";
41
- @import "node_modules/bootstrap/scss/list-group";
42
- @import "node_modules/bootstrap/scss/close";
43
- @import "node_modules/bootstrap/scss/toasts";
44
- @import "node_modules/bootstrap/scss/modal";
45
- @import "node_modules/bootstrap/scss/tooltip";
46
- @import "node_modules/bootstrap/scss/popover";
47
- @import "node_modules/bootstrap/scss/carousel";
48
- @import "node_modules/bootstrap/scss/spinners";
49
- @import "node_modules/bootstrap/scss/offcanvas";
50
-
51
- // Helpers
52
- @import "node_modules/bootstrap/scss/helpers";
53
-
54
- // Utilities
55
- @import "node_modules/bootstrap/scss/utilities/api";
56
- // scss-docs-end import-stack
1
+ /*!
2
+ * Bootstrap v5.0.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2021 The Bootstrap Authors
4
+ * Copyright 2011-2021 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
+ */
7
+
8
+ // scss-docs-start import-stack
9
+ // Configuration
10
+ @import "node_modules/bootstrap/scss/functions";
11
+ @import "node_modules/bootstrap/scss/variables";
12
+ @import "node_modules/bootstrap/scss/mixins";
13
+
14
+ @import "./_bootstrap-mixins_overwritten.scss";
15
+
16
+ @import "node_modules/bootstrap/scss/utilities";
17
+
18
+ // Layout & components
19
+ @import "node_modules/bootstrap/scss/root";
20
+
21
+ @import "node_modules/bootstrap/scss/reboot";
22
+ @import "node_modules/bootstrap/scss/type";
23
+ @import "node_modules/bootstrap/scss/images";
24
+ @import "node_modules/bootstrap/scss/containers";
25
+ @import "node_modules/bootstrap/scss/grid";
26
+ @import "node_modules/bootstrap/scss/tables";
27
+ @import "node_modules/bootstrap/scss/forms";
28
+ @import "node_modules/bootstrap/scss/buttons";
29
+ @import "node_modules/bootstrap/scss/transitions";
30
+ @import "node_modules/bootstrap/scss/dropdown";
31
+ @import "node_modules/bootstrap/scss/button-group";
32
+ @import "node_modules/bootstrap/scss/nav";
33
+ @import "node_modules/bootstrap/scss/navbar";
34
+ @import "node_modules/bootstrap/scss/card";
35
+ @import "node_modules/bootstrap/scss/accordion";
36
+ @import "node_modules/bootstrap/scss/breadcrumb";
37
+ @import "node_modules/bootstrap/scss/pagination";
38
+ @import "node_modules/bootstrap/scss/badge";
39
+ @import "node_modules/bootstrap/scss/alert";
40
+ @import "node_modules/bootstrap/scss/progress";
41
+ @import "node_modules/bootstrap/scss/list-group";
42
+ @import "node_modules/bootstrap/scss/close";
43
+ @import "node_modules/bootstrap/scss/toasts";
44
+ @import "node_modules/bootstrap/scss/modal";
45
+ @import "node_modules/bootstrap/scss/tooltip";
46
+ @import "node_modules/bootstrap/scss/popover";
47
+ @import "node_modules/bootstrap/scss/carousel";
48
+ @import "node_modules/bootstrap/scss/spinners";
49
+ @import "node_modules/bootstrap/scss/offcanvas";
50
+
51
+ // Helpers
52
+ @import "node_modules/bootstrap/scss/helpers";
53
+
54
+ // Utilities
55
+ @import "node_modules/bootstrap/scss/utilities/api";
56
+ // scss-docs-end import-stack
@@ -1,50 +1,50 @@
1
- .caret {
2
- /* treat like a font icon */
3
- font-family: "blueicon" !important;
4
- speak: none;
5
- font-style: normal;
6
- font-weight: normal;
7
- font-variant: normal;
8
- text-transform: none;
9
- line-height: 1;
10
- -webkit-font-smoothing: antialiased;
11
- -moz-osx-font-smoothing: grayscale;
12
-
13
- font-size: 1.15em;
14
- position: relative;
15
- top: 0.063rem;
16
- display: inline-block;
17
- /* END treat like a font icon */
18
-
19
- --caret-size: 0.5em;
20
- --caret-strength: 0.09em;
21
-
22
- width: 1em;
23
-
24
- &::before {
25
- content: "";
26
- display: block;
27
- position: absolute;
28
- top: 50%;
29
- left: 50%;
30
- width: var(--caret-size);
31
- height: var(--caret-size);
32
- background: transparent;
33
- box-shadow: var(--caret-strength) var(--caret-strength) 0 currentColor;
34
- transform: rotate(-45deg) translate(-50%, -50%);
35
- margin-top: calc((var(--caret-size) + var(--caret-strength)) * -1);
36
- transition: all 0.2s;
37
- }
38
-
39
- &.caret-mirrored {
40
- &::before {
41
- transform: rotate(135deg) translate(-50%, -50%);
42
- }
43
- }
44
-
45
- &.caret-open {
46
- &::before {
47
- transform: rotate(45deg) translate(-50%, -50%);
48
- }
49
- }
50
- }
1
+ .caret {
2
+ /* treat like a font icon */
3
+ font-family: "blueicon" !important;
4
+ speak: none;
5
+ font-style: normal;
6
+ font-weight: normal;
7
+ font-variant: normal;
8
+ text-transform: none;
9
+ line-height: 1;
10
+ -webkit-font-smoothing: antialiased;
11
+ -moz-osx-font-smoothing: grayscale;
12
+
13
+ font-size: 1.15em;
14
+ position: relative;
15
+ top: 0.063rem;
16
+ display: inline-block;
17
+ /* END treat like a font icon */
18
+
19
+ --caret-size: 0.5em;
20
+ --caret-strength: 0.09em;
21
+
22
+ width: 1em;
23
+
24
+ &::before {
25
+ content: "";
26
+ display: block;
27
+ position: absolute;
28
+ top: 50%;
29
+ left: 50%;
30
+ width: var(--caret-size);
31
+ height: var(--caret-size);
32
+ background: transparent;
33
+ box-shadow: var(--caret-strength) var(--caret-strength) 0 currentColor;
34
+ transform: rotate(-45deg) translate(-50%, -50%);
35
+ margin-top: calc((var(--caret-size) + var(--caret-strength)) * -1);
36
+ transition: all 0.2s;
37
+ }
38
+
39
+ &.caret-mirrored {
40
+ &::before {
41
+ transform: rotate(135deg) translate(-50%, -50%);
42
+ }
43
+ }
44
+
45
+ &.caret-open {
46
+ &::before {
47
+ transform: rotate(45deg) translate(-50%, -50%);
48
+ }
49
+ }
50
+ }
@@ -1,6 +1,6 @@
1
- .document-view-iframe {
2
- border: none;
3
- width: 100%;
4
- height: calc(100vh - 6.875rem);
5
- display: block;
6
- }
1
+ .document-view-iframe {
2
+ border: none;
3
+ width: 100%;
4
+ height: calc(100vh - 6.875rem);
5
+ display: block;
6
+ }
@@ -1,42 +1,42 @@
1
- .blue-btn-silent {
2
- &:not(:hover):not(:focus):not(:active) {
3
- border-color: transparent;
4
- color: inherit;
5
- }
6
- }
7
-
8
- @media (hover: hover) {
9
- .blue-d-hover {
10
- &:not(:hover):not(:focus):not(:active):not(.active) {
11
- .blue-d-hover-content-active {
12
- display: none;
13
- }
14
- }
15
-
16
- &:hover,
17
- &:focus,
18
- &:active,
19
- &.active {
20
- .blue-d-hover-content-default {
21
- display: none;
22
- }
23
- }
24
- }
25
-
26
- .blue-opacity-hover {
27
- &:not(:hover):not(:focus):not(:active):not(.active) {
28
- .blue-opacity-hover-content-active {
29
- opacity: 0;
30
- }
31
- }
32
-
33
- &:hover,
34
- &:focus,
35
- &:active,
36
- &.active {
37
- .blue-opacity-hover-content-default {
38
- opacity: 0;
39
- }
40
- }
41
- }
42
- }
1
+ .blue-btn-silent {
2
+ &:not(:hover):not(:focus):not(:active) {
3
+ border-color: transparent;
4
+ color: inherit;
5
+ }
6
+ }
7
+
8
+ @media (hover: hover) {
9
+ .blue-d-hover {
10
+ &:not(:hover):not(:focus):not(:active):not(.active) {
11
+ .blue-d-hover-content-active {
12
+ display: none;
13
+ }
14
+ }
15
+
16
+ &:hover,
17
+ &:focus,
18
+ &:active,
19
+ &.active {
20
+ .blue-d-hover-content-default {
21
+ display: none;
22
+ }
23
+ }
24
+ }
25
+
26
+ .blue-opacity-hover {
27
+ &:not(:hover):not(:focus):not(:active):not(.active) {
28
+ .blue-opacity-hover-content-active {
29
+ opacity: 0;
30
+ }
31
+ }
32
+
33
+ &:hover,
34
+ &:focus,
35
+ &:active,
36
+ &.active {
37
+ .blue-opacity-hover-content-default {
38
+ opacity: 0;
39
+ }
40
+ }
41
+ }
42
+ }
@@ -1,73 +1,73 @@
1
- @keyframes fade-in {
2
- from {
3
- opacity: 0;
4
- }
5
- to {
6
- opacity: 1;
7
- }
8
- }
9
-
10
- @keyframes blAppearUp {
11
- from {
12
- margin-top: 2.5rem;
13
- }
14
- to {
15
- margin-top: 0;
16
- }
17
- }
18
-
19
- @keyframes blue-app-sidebar-dropdown {
20
- from {
21
- transform: translateY(-50%);
22
- opacity: 0;
23
- }
24
- }
25
-
26
- @keyframes enabledBlueAppPage {
27
- from {
28
- transform: scale(0.98);
29
- opacity: 0;
30
- }
31
- to {
32
- opacity: 1;
33
- }
34
- }
35
-
36
- @keyframes fadeInDown {
37
- from {
38
- opacity: 0;
39
- transform: translate3d(0, -100%, 0);
40
- }
41
-
42
- to {
43
- opacity: 1;
44
- transform: none;
45
- }
46
- }
47
-
48
- @keyframes alert-in {
49
- from {
50
- transform: scale(0, 0);
51
- opacity: 0.2;
52
- transition: 0s;
53
- }
54
- }
55
-
56
- @keyframes circlebounce {
57
- 0%,
58
- 100% {
59
- transform: scale(0);
60
- }
61
- 50% {
62
- transform: scale(1);
63
- }
64
- }
65
-
66
- @keyframes scrolling {
67
- from {
68
- transform: translateX(-100%);
69
- }
70
- to {
71
- transform: translateX(100%);
72
- }
73
- }
1
+ @keyframes fade-in {
2
+ from {
3
+ opacity: 0;
4
+ }
5
+ to {
6
+ opacity: 1;
7
+ }
8
+ }
9
+
10
+ @keyframes blAppearUp {
11
+ from {
12
+ margin-top: 2.5rem;
13
+ }
14
+ to {
15
+ margin-top: 0;
16
+ }
17
+ }
18
+
19
+ @keyframes blue-app-sidebar-dropdown {
20
+ from {
21
+ transform: translateY(-50%);
22
+ opacity: 0;
23
+ }
24
+ }
25
+
26
+ @keyframes enabledBlueAppPage {
27
+ from {
28
+ transform: scale(0.98);
29
+ opacity: 0;
30
+ }
31
+ to {
32
+ opacity: 1;
33
+ }
34
+ }
35
+
36
+ @keyframes fadeInDown {
37
+ from {
38
+ opacity: 0;
39
+ transform: translate3d(0, -100%, 0);
40
+ }
41
+
42
+ to {
43
+ opacity: 1;
44
+ transform: none;
45
+ }
46
+ }
47
+
48
+ @keyframes alert-in {
49
+ from {
50
+ transform: scale(0, 0);
51
+ opacity: 0.2;
52
+ transition: 0s;
53
+ }
54
+ }
55
+
56
+ @keyframes circlebounce {
57
+ 0%,
58
+ 100% {
59
+ transform: scale(0);
60
+ }
61
+ 50% {
62
+ transform: scale(1);
63
+ }
64
+ }
65
+
66
+ @keyframes scrolling {
67
+ from {
68
+ transform: translateX(-100%);
69
+ }
70
+ to {
71
+ transform: translateX(100%);
72
+ }
73
+ }
@@ -1,7 +1,7 @@
1
- @import "./mixins/_misc.scss";
2
- @import "./mixins/_sidebar.scss";
3
- @import "./mixins/action-menu.scss";
4
- @import "./mixins/_actions.scss";
5
- @import "./mixins/_switch.scss";
6
- @import "./mixins/custom-property.scss";
7
- @import "./mixins/scroll-shadow";
1
+ @import "./mixins/_misc.scss";
2
+ @import "./mixins/_sidebar.scss";
3
+ @import "./mixins/action-menu.scss";
4
+ @import "./mixins/_actions.scss";
5
+ @import "./mixins/_switch.scss";
6
+ @import "./mixins/custom-property.scss";
7
+ @import "./mixins/scroll-shadow";
@@ -1,30 +1,30 @@
1
- .ripple {
2
- position: relative;
3
- overflow: hidden;
4
- transform: translate3d(0, 0, 0);
5
- }
6
- .ripple:after {
7
- content: "";
8
- display: block;
9
- position: absolute;
10
- width: 100%;
11
- height: 100%;
12
- top: 0;
13
- left: 0;
14
- pointer-events: none;
15
- background-image: radial-gradient(
16
- circle,
17
- rgba(black, 0.7) 10%,
18
- transparent 10.01%
19
- );
20
- background-repeat: no-repeat;
21
- background-position: 50%;
22
- transform: scale(10, 10);
23
- opacity: 0;
24
- transition: transform 0.5s, opacity 1s;
25
- }
26
- .ripple:active:after {
27
- transform: scale(0, 0);
28
- opacity: 0.2;
29
- transition: 0s;
30
- }
1
+ .ripple {
2
+ position: relative;
3
+ overflow: hidden;
4
+ transform: translate3d(0, 0, 0);
5
+ }
6
+ .ripple:after {
7
+ content: "";
8
+ display: block;
9
+ position: absolute;
10
+ width: 100%;
11
+ height: 100%;
12
+ top: 0;
13
+ left: 0;
14
+ pointer-events: none;
15
+ background-image: radial-gradient(
16
+ circle,
17
+ rgba(black, 0.7) 10%,
18
+ transparent 10.01%
19
+ );
20
+ background-repeat: no-repeat;
21
+ background-position: 50%;
22
+ transform: scale(10, 10);
23
+ opacity: 0;
24
+ transition: transform 0.5s, opacity 1s;
25
+ }
26
+ .ripple:active:after {
27
+ transform: scale(0, 0);
28
+ opacity: 0.2;
29
+ transition: 0s;
30
+ }
@@ -1,18 +1,18 @@
1
- body {
2
- overflow: hidden;
3
- }
4
-
5
- .router-page {
6
- /* This is nessesary, because scrolling on iOS devices would not be smooth without it */
7
- -webkit-overflow-scrolling: touch;
8
-
9
- overflow-y: scroll;
10
- overflow-x: hidden;
11
- position: absolute;
12
- width: 100vw;
13
- height: 100vh;
14
-
15
- &:not(.active) {
16
- display: none;
17
- }
18
- }
1
+ body {
2
+ overflow: hidden;
3
+ }
4
+
5
+ .router-page {
6
+ /* This is nessesary, because scrolling on iOS devices would not be smooth without it */
7
+ -webkit-overflow-scrolling: touch;
8
+
9
+ overflow-y: scroll;
10
+ overflow-x: hidden;
11
+ position: absolute;
12
+ width: 100vw;
13
+ height: 100vh;
14
+
15
+ &:not(.active) {
16
+ display: none;
17
+ }
18
+ }
@@ -1,21 +1,21 @@
1
- $width: 2.188rem;
2
- $height: 1.25rem;
3
- $padding: 0.188rem;
4
-
5
- $switch-active-color: $success;
6
-
7
- .switch {
8
- @include switch();
9
-
10
- &.lg {
11
- @include switch(100px, 30px);
12
- }
13
- }
14
-
15
- /* Rounded sliders */
16
- .slider.round {
17
- border-radius: $height;
18
- }
19
- .slider.round:before {
20
- border-radius: 50%;
21
- }
1
+ $width: 2.188rem;
2
+ $height: 1.25rem;
3
+ $padding: 0.188rem;
4
+
5
+ $switch-active-color: $success;
6
+
7
+ .switch {
8
+ @include switch();
9
+
10
+ &.lg {
11
+ @include switch(100px, 30px);
12
+ }
13
+ }
14
+
15
+ /* Rounded sliders */
16
+ .slider.round {
17
+ border-radius: $height;
18
+ }
19
+ .slider.round:before {
20
+ border-radius: 50%;
21
+ }