blue-react 8.1.7 → 8.3.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 (75) hide show
  1. package/LICENSE +164 -164
  2. package/README.md +59 -59
  3. package/dist/components/ActionMenu.js +2 -2
  4. package/dist/components/ActionMenuSwitch.js +2 -2
  5. package/dist/components/Body.js +2 -2
  6. package/dist/components/BodyRounded.js +2 -2
  7. package/dist/components/Caret.js +2 -2
  8. package/dist/components/DocumentView.js +2 -2
  9. package/dist/components/Grid.js +287 -287
  10. package/dist/components/Header.js +2 -2
  11. package/dist/components/HeaderTitle.js +3 -3
  12. package/dist/components/Intro.js +2 -2
  13. package/dist/components/Layout.js +19 -19
  14. package/dist/components/MenuItem.js +11 -20
  15. package/dist/components/Modal.js +11 -7
  16. package/dist/components/ModalProvider.js +18 -9
  17. package/dist/components/Outside.js +6 -6
  18. package/dist/components/Page.js +2 -2
  19. package/dist/components/Search.js +2 -2
  20. package/dist/components/SidebarMenu.js +2 -2
  21. package/dist/components/Switch.js +2 -2
  22. package/dist/style.css +8701 -4960
  23. package/dist/style.css.map +1 -0
  24. package/dist/style.min.css +10 -12
  25. package/dist/style.scss +28 -28
  26. package/dist/styles/_action-menu.scss +81 -81
  27. package/dist/styles/_bootstrap-mixins_overwritten.scss +106 -106
  28. package/dist/styles/_bootstrap-optimizations.scss +13 -13
  29. package/dist/styles/_bootstrap-variables.scss +15 -15
  30. package/dist/styles/_bootstrap.scss +56 -56
  31. package/dist/styles/_caret.scss +50 -50
  32. package/dist/styles/_document-view.scss +6 -6
  33. package/dist/styles/_general.scss +177 -177
  34. package/dist/styles/_grid.scss +381 -381
  35. package/dist/styles/_hover.scss +42 -42
  36. package/dist/styles/_keyframes.scss +73 -73
  37. package/dist/styles/_mixins.scss +6 -6
  38. package/dist/styles/_router.scss +18 -18
  39. package/dist/styles/_search.scss +61 -61
  40. package/dist/styles/_status.scss +149 -149
  41. package/dist/styles/_switch.scss +21 -21
  42. package/dist/styles/_tooltips.scss +189 -189
  43. package/dist/styles/_variables.scss +97 -97
  44. package/dist/styles/mixins/_action-menu.scss +68 -68
  45. package/dist/styles/mixins/_custom-property.scss +10 -10
  46. package/dist/styles/mixins/_misc.scss +33 -33
  47. package/dist/styles/mixins/_scroll-shadow.scss +9 -9
  48. package/dist/styles/mixins/_sidebar.scss +156 -156
  49. package/dist/styles/mixins/_switch.scss +85 -85
  50. package/dist/types/components/ActionMenu.d.ts +22 -22
  51. package/dist/types/components/ActionMenuSwitch.d.ts +11 -11
  52. package/dist/types/components/Body.d.ts +21 -21
  53. package/dist/types/components/BodyRounded.d.ts +10 -10
  54. package/dist/types/components/Caret.d.ts +16 -16
  55. package/dist/types/components/DocumentView.d.ts +23 -23
  56. package/dist/types/components/Grid.d.ts +110 -110
  57. package/dist/types/components/Header.d.ts +8 -8
  58. package/dist/types/components/HeaderTitle.d.ts +29 -29
  59. package/dist/types/components/Intro.d.ts +23 -23
  60. package/dist/types/components/Layout.d.ts +120 -120
  61. package/dist/types/components/MenuItem.d.ts +69 -69
  62. package/dist/types/components/Modal.d.ts +25 -24
  63. package/dist/types/components/ModalProvider.d.ts +11 -11
  64. package/dist/types/components/Outside.d.ts +14 -14
  65. package/dist/types/components/Page.d.ts +12 -12
  66. package/dist/types/components/Search.d.ts +30 -30
  67. package/dist/types/components/SidebarMenu.d.ts +32 -32
  68. package/dist/types/components/Status.d.ts +12 -12
  69. package/dist/types/components/StatusProvider.d.ts +15 -15
  70. package/dist/types/components/Switch.d.ts +21 -21
  71. package/dist/types/components/Utilities.d.ts +17 -17
  72. package/dist/types/components/shared.d.ts +15 -15
  73. package/index.d.ts +65 -65
  74. package/index.js +27 -27
  75. package/package.json +88 -88
@@ -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-menu-item-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-menu-item-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,6 +1,6 @@
1
- @import "./mixins/_misc.scss";
2
- @import "./mixins/_sidebar.scss";
3
- @import "./mixins/action-menu.scss";
4
- @import "./mixins/_switch.scss";
5
- @import "./mixins/custom-property.scss";
6
- @import "./mixins/scroll-shadow";
1
+ @import "./mixins/_misc.scss";
2
+ @import "./mixins/_sidebar.scss";
3
+ @import "./mixins/action-menu.scss";
4
+ @import "./mixins/_switch.scss";
5
+ @import "./mixins/custom-property.scss";
6
+ @import "./mixins/scroll-shadow";
@@ -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,61 +1,61 @@
1
- .blue-search {
2
- display: flex;
3
- align-items: center;
4
- border: $input-border-width solid $input-border-color;
5
- border-radius: $input-border-radius;
6
-
7
- &.blue-search-body {
8
- border: 1px solid $input-border-color;
9
-
10
- .blue-search-input-group {
11
- display: flex;
12
- }
13
-
14
- &.focus {
15
- box-shadow: $input-btn-focus-box-shadow;
16
- }
17
- }
18
-
19
- &.focus {
20
- box-shadow: inset $input-btn-focus-box-shadow;
21
- }
22
- }
23
-
24
- .blue-sidebar .blue-search:not(.blue-search-body) {
25
- margin-left: map-get($spacers, 1);
26
- margin-right: map-get($spacers, 1);
27
- }
28
-
29
- .blue-search-input-group {
30
- display: none;
31
-
32
- .input-group-text {
33
- border-color: transparent;
34
- background-color: transparent;
35
- }
36
- }
37
-
38
- .blue-search-control {
39
- border: none;
40
- background-color: transparent !important;
41
-
42
- &:focus {
43
- box-shadow: none;
44
- }
45
- }
46
-
47
- .blue-search-reset-btn {
48
- color: rgba($input-color, 0.7);
49
-
50
- &:hover {
51
- color: $input-color;
52
- }
53
- }
54
-
55
- .blue-search.blue-search-sidebar {
56
- transition: opacity 0.2s ease-in-out;
57
- }
58
-
59
- .blue-search.blue-search-sidebar:not(:hover):not(.focus) {
60
- opacity: 0.7;
61
- }
1
+ .blue-search {
2
+ display: flex;
3
+ align-items: center;
4
+ border: $input-border-width solid $input-border-color;
5
+ border-radius: $input-border-radius;
6
+
7
+ &.blue-search-body {
8
+ border: 1px solid $input-border-color;
9
+
10
+ .blue-search-input-group {
11
+ display: flex;
12
+ }
13
+
14
+ &.focus {
15
+ box-shadow: $input-btn-focus-box-shadow;
16
+ }
17
+ }
18
+
19
+ &.focus {
20
+ box-shadow: inset $input-btn-focus-box-shadow;
21
+ }
22
+ }
23
+
24
+ .blue-sidebar .blue-search:not(.blue-search-body) {
25
+ margin-left: map-get($spacers, 1);
26
+ margin-right: map-get($spacers, 1);
27
+ }
28
+
29
+ .blue-search-input-group {
30
+ display: none;
31
+
32
+ .input-group-text {
33
+ border-color: transparent;
34
+ background-color: transparent;
35
+ }
36
+ }
37
+
38
+ .blue-search-control {
39
+ border: none;
40
+ background-color: transparent !important;
41
+
42
+ &:focus {
43
+ box-shadow: none;
44
+ }
45
+ }
46
+
47
+ .blue-search-reset-btn {
48
+ color: rgba($input-color, 0.7);
49
+
50
+ &:hover {
51
+ color: $input-color;
52
+ }
53
+ }
54
+
55
+ .blue-search.blue-search-sidebar {
56
+ transition: opacity 0.2s ease-in-out;
57
+ }
58
+
59
+ .blue-search.blue-search-sidebar:not(:hover):not(.focus) {
60
+ opacity: 0.7;
61
+ }