studiokit-scaffolding-js 7.0.12-next.1.5 → 7.0.12-next.1.7

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 (39) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +137 -137
  3. package/lib/components/ActionList.js +1 -5
  4. package/lib/components/Dropdowns/UserDropdown.js +1 -3
  5. package/lib/components/Groups/CreateEditCopySaveButtons.js +1 -5
  6. package/lib/components/Groups/ExternalGroups/Attach.js +1 -3
  7. package/lib/components/Groups/RosterSyncInfo.js +1 -7
  8. package/lib/components/HOC/SearchPersistorComponent.js +2 -2
  9. package/lib/components/Impersonation/UserDetail.css +22 -22
  10. package/lib/components/Notifications.d.ts +1 -1
  11. package/lib/components/Notifications.js +2 -2
  12. package/lib/components/Quill/ImageDropModule.js +1 -1
  13. package/lib/components/Quill/TableModule/index.css +171 -171
  14. package/lib/css/base/_base.css +98 -98
  15. package/lib/css/base/_typography.css +130 -130
  16. package/lib/css/components/_alert.css +86 -86
  17. package/lib/css/components/_bootstrap-grid.css +28 -28
  18. package/lib/css/components/_buttons.css +397 -397
  19. package/lib/css/components/_forms.css +101 -101
  20. package/lib/css/components/_menu.css +56 -56
  21. package/lib/css/components/_modals.css +46 -46
  22. package/lib/css/components/_quill.css +315 -315
  23. package/lib/css/components/_tables.css +497 -497
  24. package/lib/css/components/_tags.css +12 -12
  25. package/lib/css/index-with-variables.css +15 -15
  26. package/lib/css/index.css +14 -14
  27. package/lib/css/utils/_border.css +463 -463
  28. package/lib/css/utils/_color.css +317 -317
  29. package/lib/css/utils/_display.css +305 -305
  30. package/lib/css/utils/_general.css +48 -48
  31. package/lib/css/utils/_icon.css +16 -16
  32. package/lib/css/utils/_text.css +25 -25
  33. package/lib/css/utils/_width.css +60 -60
  34. package/lib/css/variables.css +84 -84
  35. package/lib/hooks/usePrevious.d.ts +14 -1
  36. package/lib/hooks/usePrevious.js +23 -1
  37. package/lib/utils/fetch.js +9 -7
  38. package/lib/utils/url.d.ts +2 -2
  39. package/package.json +214 -214
package/lib/css/base/_typography.css CHANGED
@@ -1,130 +1,130 @@
1
- /**
2
- * Typography
3
- * ----------
4
- * Default fonts, font scale, and text colors
5
- */
6
-
7
- body,
8
- html {
9
- font-family: var(--text-font-stack-no-webfonts);
10
- -webkit-font-smoothing: subpixel-antialiased;
11
- }
12
-
13
- body {
14
- font-family: var(--text-font-stack);
15
- }
16
-
17
- li,
18
- p {
19
- font-weight: var(--font-weight-normal);
20
- line-height: 1.57em;
21
- }
22
-
23
- span {
24
- font-weight: inherit;
25
- }
26
-
27
- a {
28
- cursor: pointer;
29
- }
30
-
31
- a:hover {
32
- text-decoration: underline;
33
- }
34
-
35
- a:active,
36
- a:focus,
37
- a:active:focus {
38
- text-decoration: underline;
39
- }
40
-
41
- h1,
42
- h2,
43
- h3,
44
- h4,
45
- h5,
46
- h6 {
47
- margin-top: 0.5rem;
48
- margin-bottom: 0.5rem;
49
- }
50
-
51
- h1 {
52
- font-size: 1.75rem;
53
- font-weight: var(--font-weight-semibold);
54
- color: var(--color-dark-grey);
55
- }
56
-
57
- h2 {
58
- font-size: 1.25rem;
59
- font-weight: var(--font-weight-semibold);
60
- color: var(--color-dark-grey);
61
- }
62
-
63
- h3 {
64
- font-size: 1.15rem;
65
- line-height: 1.4;
66
- font-weight: var(--font-weight-semibold);
67
- color: var(--color-blue-grey);
68
- }
69
-
70
- h4 {
71
- font-size: 1rem;
72
- font-weight: var(--font-weight-semibold);
73
- color: var(--color-blue-grey);
74
- }
75
-
76
- h5 {
77
- font-size: 0.875rem;
78
- font-weight: var(--font-weight-bold);
79
- color: var(--color-dark-grey);
80
- }
81
-
82
- h6 {
83
- font-size: 0.875rem;
84
- color: var(--color-dark-grey);
85
- }
86
-
87
- .date-time {
88
- font-size: 0.8125rem;
89
- color: var(--color-blue-grey);
90
- }
91
-
92
- code {
93
- color: var(--color-dark-grey);
94
- background-color: var(--color-off-white);
95
- border-radius: 4px;
96
- padding: 0.125rem 0.25rem;
97
- }
98
-
99
- dl,
100
- ol,
101
- p,
102
- ul {
103
- margin-top: 0;
104
- margin-bottom: 2rem;
105
- color: var(--color-dark-grey);
106
- }
107
-
108
- dl dl,
109
- dl ol,
110
- dl ul,
111
- ol dl,
112
- ol ol,
113
- ol ul,
114
- ul dl,
115
- ul ol,
116
- ul ul {
117
- margin-bottom: 0;
118
- }
119
-
120
- dd {
121
- margin-left: 0;
122
- }
123
-
124
- dt {
125
- font-weight: var(--font-weight-bold);
126
- }
127
-
128
- label {
129
- color: var(--color-dark-grey);
130
- }
1
+ /**
2
+ * Typography
3
+ * ----------
4
+ * Default fonts, font scale, and text colors
5
+ */
6
+
7
+ body,
8
+ html {
9
+ font-family: var(--text-font-stack-no-webfonts);
10
+ -webkit-font-smoothing: subpixel-antialiased;
11
+ }
12
+
13
+ body {
14
+ font-family: var(--text-font-stack);
15
+ }
16
+
17
+ li,
18
+ p {
19
+ font-weight: var(--font-weight-normal);
20
+ line-height: 1.57em;
21
+ }
22
+
23
+ span {
24
+ font-weight: inherit;
25
+ }
26
+
27
+ a {
28
+ cursor: pointer;
29
+ }
30
+
31
+ a:hover {
32
+ text-decoration: underline;
33
+ }
34
+
35
+ a:active,
36
+ a:focus,
37
+ a:active:focus {
38
+ text-decoration: underline;
39
+ }
40
+
41
+ h1,
42
+ h2,
43
+ h3,
44
+ h4,
45
+ h5,
46
+ h6 {
47
+ margin-top: 0.5rem;
48
+ margin-bottom: 0.5rem;
49
+ }
50
+
51
+ h1 {
52
+ font-size: 1.75rem;
53
+ font-weight: var(--font-weight-semibold);
54
+ color: var(--color-dark-grey);
55
+ }
56
+
57
+ h2 {
58
+ font-size: 1.25rem;
59
+ font-weight: var(--font-weight-semibold);
60
+ color: var(--color-dark-grey);
61
+ }
62
+
63
+ h3 {
64
+ font-size: 1.15rem;
65
+ line-height: 1.4;
66
+ font-weight: var(--font-weight-semibold);
67
+ color: var(--color-blue-grey);
68
+ }
69
+
70
+ h4 {
71
+ font-size: 1rem;
72
+ font-weight: var(--font-weight-semibold);
73
+ color: var(--color-blue-grey);
74
+ }
75
+
76
+ h5 {
77
+ font-size: 0.875rem;
78
+ font-weight: var(--font-weight-bold);
79
+ color: var(--color-dark-grey);
80
+ }
81
+
82
+ h6 {
83
+ font-size: 0.875rem;
84
+ color: var(--color-dark-grey);
85
+ }
86
+
87
+ .date-time {
88
+ font-size: 0.8125rem;
89
+ color: var(--color-blue-grey);
90
+ }
91
+
92
+ code {
93
+ color: var(--color-dark-grey);
94
+ background-color: var(--color-off-white);
95
+ border-radius: 4px;
96
+ padding: 0.125rem 0.25rem;
97
+ }
98
+
99
+ dl,
100
+ ol,
101
+ p,
102
+ ul {
103
+ margin-top: 0;
104
+ margin-bottom: 2rem;
105
+ color: var(--color-dark-grey);
106
+ }
107
+
108
+ dl dl,
109
+ dl ol,
110
+ dl ul,
111
+ ol dl,
112
+ ol ol,
113
+ ol ul,
114
+ ul dl,
115
+ ul ol,
116
+ ul ul {
117
+ margin-bottom: 0;
118
+ }
119
+
120
+ dd {
121
+ margin-left: 0;
122
+ }
123
+
124
+ dt {
125
+ font-weight: var(--font-weight-bold);
126
+ }
127
+
128
+ label {
129
+ color: var(--color-dark-grey);
130
+ }
package/lib/css/components/_alert.css CHANGED
@@ -1,86 +1,86 @@
1
- .alert {
2
- font-size: 1rem;
3
-
4
- &.alert-with-icon {
5
- display: flex;
6
- padding-left: 0.75rem;
7
- }
8
-
9
- &.MuiSnackbar-root {
10
- position: fixed;
11
- z-index: 3000;
12
- }
13
-
14
- & .MuiSvgIcon-root {
15
- font-size: var(--base-line-height);
16
- }
17
-
18
- & h4,
19
- & h3 {
20
- line-height: var(--base-line-height);
21
- color: inherit;
22
- margin-top: 0;
23
- }
24
-
25
- & p:last-child {
26
- margin-bottom: 0;
27
- }
28
-
29
- & button.close {
30
- top: -0.5rem;
31
- right: -0.5rem;
32
- }
33
-
34
- &.alert-info {
35
- color: var(--color-dark-grey);
36
- background-color: color-mod(var(--color-accent-blue) lightness(98%));
37
- border-color: color-mod(var(--color-accent-blue) lightness(69%));
38
- border-width: 0.1rem;
39
-
40
- & .MuiSvgIcon-root {
41
- color: var(--color-accent-blue);
42
- }
43
- }
44
-
45
- &.alert-warning {
46
- color: var(--color-dark-grey);
47
-
48
- & .MuiSvgIcon-root {
49
- color: var(--color-orange);
50
- }
51
- }
52
-
53
- &.alert-danger {
54
- color: var(--color-dark-grey);
55
- background-color: color-mod(var(--color-red) lightness(99%));
56
- border-color: color-mod(var(--color-red) lightness(69%));
57
- border-width: 0.1rem;
58
-
59
- & h3 {
60
- color: var(--color-dark-grey);
61
- }
62
-
63
- & .MuiSvgIcon-root {
64
- color: var(--color-red);
65
- }
66
- }
67
-
68
- &.alert-success {
69
- color: var(--color-dark-grey);
70
- background-color: color-mod(var(--color-green) lightness(96%));
71
- border-color: color-mod(var(--color-green) lightness(69%));
72
- border-width: 0.1rem;
73
-
74
- & h3 {
75
- color: var(--color-dark-grey);
76
- }
77
-
78
- & h4 {
79
- line-height: 1.5rem;
80
- }
81
-
82
- & .MuiSvgIcon-root {
83
- color: var(--color-green);
84
- }
85
- }
86
- }
1
+ .alert {
2
+ font-size: 1rem;
3
+
4
+ &.alert-with-icon {
5
+ display: flex;
6
+ padding-left: 0.75rem;
7
+ }
8
+
9
+ &.MuiSnackbar-root {
10
+ position: fixed;
11
+ z-index: 3000;
12
+ }
13
+
14
+ & .MuiSvgIcon-root {
15
+ font-size: var(--base-line-height);
16
+ }
17
+
18
+ & h4,
19
+ & h3 {
20
+ line-height: var(--base-line-height);
21
+ color: inherit;
22
+ margin-top: 0;
23
+ }
24
+
25
+ & p:last-child {
26
+ margin-bottom: 0;
27
+ }
28
+
29
+ & button.close {
30
+ top: -0.5rem;
31
+ right: -0.5rem;
32
+ }
33
+
34
+ &.alert-info {
35
+ color: var(--color-dark-grey);
36
+ background-color: color-mod(var(--color-accent-blue) lightness(98%));
37
+ border-color: color-mod(var(--color-accent-blue) lightness(69%));
38
+ border-width: 0.1rem;
39
+
40
+ & .MuiSvgIcon-root {
41
+ color: var(--color-accent-blue);
42
+ }
43
+ }
44
+
45
+ &.alert-warning {
46
+ color: var(--color-dark-grey);
47
+
48
+ & .MuiSvgIcon-root {
49
+ color: var(--color-orange);
50
+ }
51
+ }
52
+
53
+ &.alert-danger {
54
+ color: var(--color-dark-grey);
55
+ background-color: color-mod(var(--color-red) lightness(99%));
56
+ border-color: color-mod(var(--color-red) lightness(69%));
57
+ border-width: 0.1rem;
58
+
59
+ & h3 {
60
+ color: var(--color-dark-grey);
61
+ }
62
+
63
+ & .MuiSvgIcon-root {
64
+ color: var(--color-red);
65
+ }
66
+ }
67
+
68
+ &.alert-success {
69
+ color: var(--color-dark-grey);
70
+ background-color: color-mod(var(--color-green) lightness(96%));
71
+ border-color: color-mod(var(--color-green) lightness(69%));
72
+ border-width: 0.1rem;
73
+
74
+ & h3 {
75
+ color: var(--color-dark-grey);
76
+ }
77
+
78
+ & h4 {
79
+ line-height: 1.5rem;
80
+ }
81
+
82
+ & .MuiSvgIcon-root {
83
+ color: var(--color-green);
84
+ }
85
+ }
86
+ }
package/lib/css/components/_bootstrap-grid.css CHANGED
@@ -1,28 +1,28 @@
1
-
2
- /* <Container /> */
3
- .container {
4
- padding: 0;
5
- max-width: none;
6
-
7
- @media (--md) {
8
- max-width: 750px;
9
- }
10
-
11
- @media (--lg) {
12
- max-width: 970px;
13
- }
14
-
15
- @media (--xl) {
16
- max-width: 1170px;
17
- }
18
- }
19
-
20
- /* <Row /> */
21
- .row {
22
- margin: 0;
23
- }
24
-
25
- /* negative margins to negate the padding of outer columns in the row */
26
- .row.no-outer-padding {
27
- margin: 0 -15px;
28
- }
1
+
2
+ /* <Container /> */
3
+ .container {
4
+ padding: 0;
5
+ max-width: none;
6
+
7
+ @media (--md) {
8
+ max-width: 750px;
9
+ }
10
+
11
+ @media (--lg) {
12
+ max-width: 970px;
13
+ }
14
+
15
+ @media (--xl) {
16
+ max-width: 1170px;
17
+ }
18
+ }
19
+
20
+ /* <Row /> */
21
+ .row {
22
+ margin: 0;
23
+ }
24
+
25
+ /* negative margins to negate the padding of outer columns in the row */
26
+ .row.no-outer-padding {
27
+ margin: 0 -15px;
28
+ }