nuudel-core 0.2.108 → 0.2.110

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.
@@ -1,3 +1,3 @@
1
1
  .button {
2
- overflow: 'hidden';
3
- }
2
+ overflow: hidden;
3
+ }
@@ -1,9 +1,9 @@
1
1
  .list {
2
2
  width: 300;
3
- overflow-x: 'hidden';
4
- height: '100%';
3
+ overflow-x: hidden;
4
+ height: 100%;
5
5
  }
6
6
 
7
7
  .fullList {
8
- width: 'auto';
8
+ width: auto;
9
9
  }
@@ -1,7 +1,7 @@
1
1
  @import '../../theme/variables/sizes';
2
2
 
3
3
  .container {
4
- width: '100%';
4
+ width: 100%;
5
5
 
6
6
  &>*+* {
7
7
  margin-top: $padding,
@@ -4,18 +4,21 @@
4
4
  .datetime {
5
5
  color: $text;
6
6
  }
7
+
7
8
  .container {
8
9
  flex: 1;
9
- justify-content: 'center';
10
- align-items: 'center';
10
+ justify-content: center;
11
+ align-items: center;
11
12
  background-color: $background-light;
12
13
  }
14
+
13
15
  .formfield {
14
16
  border-bottom-color: $border-light;
15
17
  border-bottom-width: $border-width;
16
18
  margin-bottom: 0;
17
19
  flex-direction: column;
18
20
  margin-top: $padding;
21
+
19
22
  p {
20
23
  padding-bottom: 5px;
21
24
  }
@@ -24,68 +27,89 @@
24
27
  .formfield:last-child {
25
28
  margin-bottom: $padding;
26
29
  }
30
+
27
31
  .description {
28
- font-style: 'italic';
32
+ font-style: italic;
29
33
  color: $placeholder;
30
34
  font-size: $font;
31
35
  }
36
+
32
37
  .display {
33
38
  color: $text;
34
39
  }
40
+
35
41
  .link {
36
42
  color: $text;
37
43
  }
44
+
38
45
  .text {
39
46
  color: $text;
40
47
  }
48
+
41
49
  .number {
42
50
  color: $text;
43
51
  }
52
+
44
53
  .url {
45
54
  color: $text;
46
55
  }
56
+
47
57
  .object {
48
58
  color: $text;
49
59
  }
60
+
50
61
  .lookup {
51
62
  color: $text;
52
63
  }
64
+
53
65
  .lookuptext {
54
- background-color: 'transparent';
66
+ background-color: transparent;
55
67
  }
68
+
56
69
  .pickerview {
57
70
  background-color: $background-light;
58
71
  }
72
+
59
73
  .lookupplaceholder {
60
74
  color: $placeholder;
61
75
  }
76
+
62
77
  .image {
63
- max-width: '100%';
78
+ max-width: 100%;
64
79
  }
80
+
65
81
  .picture {
66
- flex-direction: 'row-reverse';
82
+ flex-direction: row-reverse;
67
83
  }
84
+
68
85
  .button {
69
86
  min-width: 150px;
70
87
  }
88
+
71
89
  .date {
72
90
  font-size: $h6;
73
91
  }
92
+
74
93
  .choice {
75
94
  color: $text;
76
95
  }
96
+
77
97
  .select {
78
98
  font-size: $h6;
79
99
  }
100
+
80
101
  .textarea {
81
- width: '100%';
102
+ width: 100%;
82
103
  }
104
+
83
105
  .bool {
84
106
  height: 50px;
85
107
  }
108
+
86
109
  .toggle {
87
110
  flex: 1;
88
111
  }
112
+
89
113
  .hide {
90
- display: 'none';
91
- }
114
+ display: none;
115
+ }
@@ -7,20 +7,25 @@
7
7
  }
8
8
 
9
9
  .button {
10
- overflow: 'hidden';
10
+ overflow: hidden;
11
11
  }
12
+
12
13
  .buttonText {
13
14
  font-size: $h6;
14
15
  }
16
+
15
17
  .item {
16
18
  margin-bottom: 0;
17
19
  }
20
+
18
21
  .text {
19
22
  font-size: $font;
20
23
  }
24
+
21
25
  .h1 {
22
26
  font-size: $h1;
23
27
  }
28
+
24
29
  .label {
25
30
  font-size: $font;
26
31
  }
@@ -28,57 +33,74 @@
28
33
  .padding {
29
34
  padding: $padding-half;
30
35
  }
36
+
31
37
  .paddingBig {
32
38
  padding: $padding;
33
39
  }
40
+
34
41
  .bg {
35
42
  background-color: $background;
36
43
  }
44
+
37
45
  .form {
38
46
  width: 100%;
39
47
  }
48
+
40
49
  .input {
50
+
41
51
  //font-family: $fontfamily;
42
52
  &:invalid {
43
53
  border: $danger solid 1px;
44
54
  }
45
55
  }
56
+
46
57
  .loading {
47
- overflow: 'hidden';
58
+ overflow: hidden;
48
59
  }
60
+
49
61
  .loadingLabel {
50
62
  color: $placeholder;
51
63
  font-size: $big;
52
64
  }
65
+
53
66
  .box {
54
- justify-content: 'center';
67
+ justify-content: center;
55
68
  }
69
+
56
70
  .slider {
57
71
  width: 100%;
58
72
  }
73
+
59
74
  .font {
60
75
  font-size: $font;
61
76
  }
77
+
62
78
  .placeholder {
63
- text-align: 'center';
79
+ text-align: center;
64
80
  color: $placeholder;
65
81
  }
82
+
66
83
  .delete-button {
67
84
  background-color: $danger;
68
85
  margin: $padding-half;
69
86
  }
87
+
70
88
  .flexone {
71
89
  flex: 1;
72
90
  }
91
+
73
92
  .paddingbottom {
74
93
  padding-bottom: $padding-half;
75
94
  }
95
+
76
96
  .paddingBottomBig {
77
97
  padding-bottom: $padding;
78
98
  }
99
+
79
100
  .paddingtop {
80
101
  padding-top: $padding-half;
81
102
  }
103
+
82
104
  .colorbox {
83
105
  width: 10px;
84
106
  height: 10px;
@@ -95,9 +117,11 @@
95
117
  .marginTopBig {
96
118
  margin-top: $margingbottom-big;
97
119
  }
120
+
98
121
  .marginTop {
99
122
  margin-top: $margingbottom;
100
123
  }
124
+
101
125
  .marginTopSmall {
102
126
  margin-top: $margingbottom-small;
103
127
  }
@@ -105,9 +129,11 @@
105
129
  .marginLeftBig {
106
130
  margin-left: $margingbottom-big;
107
131
  }
132
+
108
133
  .marginLeft {
109
134
  margin-left: $margingbottom;
110
135
  }
136
+
111
137
  .marginLeftSmall {
112
138
  margin-left: $margingbottom-small;
113
139
  }
@@ -115,9 +141,11 @@
115
141
  .marginRightBig {
116
142
  margin-right: $margingbottom-big;
117
143
  }
144
+
118
145
  .marginRight {
119
146
  margin-right: $margingbottom;
120
147
  }
148
+
121
149
  .marginRightSmall {
122
150
  margin-right: $margingbottom-small;
123
151
  }
@@ -125,9 +153,11 @@
125
153
  .marginBottomBig {
126
154
  margin-bottom: $margingbottom-big;
127
155
  }
156
+
128
157
  .marginBottom {
129
158
  margin-bottom: $margingbottom;
130
159
  }
160
+
131
161
  .marginBottomSmall {
132
162
  margin-bottom: $margingbottom-small;
133
163
  }
@@ -136,12 +166,14 @@
136
166
  margin-top: 16px;
137
167
  margin-bottom: 8px;
138
168
  }
169
+
139
170
  .paddingNormal {
140
171
  margin-top: 16px;
141
172
  margin-bottom: 8px;
142
173
  }
143
174
 
144
175
  $ccolor: #08182b;
176
+
145
177
  .container {
146
178
  color: $ccolor;
147
179
  display: flex;
@@ -151,7 +183,7 @@ $ccolor: #08182b;
151
183
  flex-direction: column;
152
184
  background-size: cover;
153
185
  background-repeat: no-repeat;
154
- background-color: 'transparent';
186
+ background-color: transparent;
155
187
  }
156
188
 
157
189
  .listContainer {
@@ -186,9 +218,11 @@ $ccolor: #08182b;
186
218
  margin-right: 5px;
187
219
  border: 1px solid '#999';
188
220
  }
221
+
189
222
  .multiSelect-container {
190
223
  z-index: 999;
191
224
  }
225
+
192
226
  .multichoice {
193
227
  font-size: $h6;
194
- }
228
+ }
@@ -1,6 +1,6 @@
1
1
  //@import './palette';
2
2
 
3
- $transparent: 'transparent';
3
+ $transparent: transparent;
4
4
  $neutral: var(--neutral);
5
5
  $facebook: var(--facebook);
6
6
  $login: var(--login);
@@ -32,4 +32,4 @@ $shadow: var(--shadow);
32
32
  $disabled: var(--disabled);
33
33
  $inverse-bg: var(--inverse-bg);
34
34
  $inverse-text: var(--inverse-text);
35
- $loader: var(--loader);
35
+ $loader: var(--loader);
@@ -76,4 +76,4 @@ $thumb-size: 25;
76
76
  // radio button
77
77
  $radio-width: 24;
78
78
  $radio-height: 24;
79
- $radio-thickness: 2;
79
+ $radio-thickness: 2;
@@ -1,3 +1,3 @@
1
1
  .button {
2
- overflow: 'hidden';
3
- }
2
+ overflow: hidden;
3
+ }
@@ -1,9 +1,9 @@
1
1
  .list {
2
2
  width: 300;
3
- overflow-x: 'hidden';
4
- height: '100%';
3
+ overflow-x: hidden;
4
+ height: 100%;
5
5
  }
6
6
 
7
7
  .fullList {
8
- width: 'auto';
8
+ width: auto;
9
9
  }
@@ -1,7 +1,7 @@
1
1
  @import '../../theme/variables/sizes';
2
2
 
3
3
  .container {
4
- width: '100%';
4
+ width: 100%;
5
5
 
6
6
  &>*+* {
7
7
  margin-top: $padding,
@@ -4,18 +4,21 @@
4
4
  .datetime {
5
5
  color: $text;
6
6
  }
7
+
7
8
  .container {
8
9
  flex: 1;
9
- justify-content: 'center';
10
- align-items: 'center';
10
+ justify-content: center;
11
+ align-items: center;
11
12
  background-color: $background-light;
12
13
  }
14
+
13
15
  .formfield {
14
16
  border-bottom-color: $border-light;
15
17
  border-bottom-width: $border-width;
16
18
  margin-bottom: 0;
17
19
  flex-direction: column;
18
20
  margin-top: $padding;
21
+
19
22
  p {
20
23
  padding-bottom: 5px;
21
24
  }
@@ -24,68 +27,89 @@
24
27
  .formfield:last-child {
25
28
  margin-bottom: $padding;
26
29
  }
30
+
27
31
  .description {
28
- font-style: 'italic';
32
+ font-style: italic;
29
33
  color: $placeholder;
30
34
  font-size: $font;
31
35
  }
36
+
32
37
  .display {
33
38
  color: $text;
34
39
  }
40
+
35
41
  .link {
36
42
  color: $text;
37
43
  }
44
+
38
45
  .text {
39
46
  color: $text;
40
47
  }
48
+
41
49
  .number {
42
50
  color: $text;
43
51
  }
52
+
44
53
  .url {
45
54
  color: $text;
46
55
  }
56
+
47
57
  .object {
48
58
  color: $text;
49
59
  }
60
+
50
61
  .lookup {
51
62
  color: $text;
52
63
  }
64
+
53
65
  .lookuptext {
54
- background-color: 'transparent';
66
+ background-color: transparent;
55
67
  }
68
+
56
69
  .pickerview {
57
70
  background-color: $background-light;
58
71
  }
72
+
59
73
  .lookupplaceholder {
60
74
  color: $placeholder;
61
75
  }
76
+
62
77
  .image {
63
- max-width: '100%';
78
+ max-width: 100%;
64
79
  }
80
+
65
81
  .picture {
66
- flex-direction: 'row-reverse';
82
+ flex-direction: row-reverse;
67
83
  }
84
+
68
85
  .button {
69
86
  min-width: 150px;
70
87
  }
88
+
71
89
  .date {
72
90
  font-size: $h6;
73
91
  }
92
+
74
93
  .choice {
75
94
  color: $text;
76
95
  }
96
+
77
97
  .select {
78
98
  font-size: $h6;
79
99
  }
100
+
80
101
  .textarea {
81
- width: '100%';
102
+ width: 100%;
82
103
  }
104
+
83
105
  .bool {
84
106
  height: 50px;
85
107
  }
108
+
86
109
  .toggle {
87
110
  flex: 1;
88
111
  }
112
+
89
113
  .hide {
90
- display: 'none';
91
- }
114
+ display: none;
115
+ }
@@ -7,20 +7,25 @@
7
7
  }
8
8
 
9
9
  .button {
10
- overflow: 'hidden';
10
+ overflow: hidden;
11
11
  }
12
+
12
13
  .buttonText {
13
14
  font-size: $h6;
14
15
  }
16
+
15
17
  .item {
16
18
  margin-bottom: 0;
17
19
  }
20
+
18
21
  .text {
19
22
  font-size: $font;
20
23
  }
24
+
21
25
  .h1 {
22
26
  font-size: $h1;
23
27
  }
28
+
24
29
  .label {
25
30
  font-size: $font;
26
31
  }
@@ -28,57 +33,74 @@
28
33
  .padding {
29
34
  padding: $padding-half;
30
35
  }
36
+
31
37
  .paddingBig {
32
38
  padding: $padding;
33
39
  }
40
+
34
41
  .bg {
35
42
  background-color: $background;
36
43
  }
44
+
37
45
  .form {
38
46
  width: 100%;
39
47
  }
48
+
40
49
  .input {
50
+
41
51
  //font-family: $fontfamily;
42
52
  &:invalid {
43
53
  border: $danger solid 1px;
44
54
  }
45
55
  }
56
+
46
57
  .loading {
47
- overflow: 'hidden';
58
+ overflow: hidden;
48
59
  }
60
+
49
61
  .loadingLabel {
50
62
  color: $placeholder;
51
63
  font-size: $big;
52
64
  }
65
+
53
66
  .box {
54
- justify-content: 'center';
67
+ justify-content: center;
55
68
  }
69
+
56
70
  .slider {
57
71
  width: 100%;
58
72
  }
73
+
59
74
  .font {
60
75
  font-size: $font;
61
76
  }
77
+
62
78
  .placeholder {
63
- text-align: 'center';
79
+ text-align: center;
64
80
  color: $placeholder;
65
81
  }
82
+
66
83
  .delete-button {
67
84
  background-color: $danger;
68
85
  margin: $padding-half;
69
86
  }
87
+
70
88
  .flexone {
71
89
  flex: 1;
72
90
  }
91
+
73
92
  .paddingbottom {
74
93
  padding-bottom: $padding-half;
75
94
  }
95
+
76
96
  .paddingBottomBig {
77
97
  padding-bottom: $padding;
78
98
  }
99
+
79
100
  .paddingtop {
80
101
  padding-top: $padding-half;
81
102
  }
103
+
82
104
  .colorbox {
83
105
  width: 10px;
84
106
  height: 10px;
@@ -95,9 +117,11 @@
95
117
  .marginTopBig {
96
118
  margin-top: $margingbottom-big;
97
119
  }
120
+
98
121
  .marginTop {
99
122
  margin-top: $margingbottom;
100
123
  }
124
+
101
125
  .marginTopSmall {
102
126
  margin-top: $margingbottom-small;
103
127
  }
@@ -105,9 +129,11 @@
105
129
  .marginLeftBig {
106
130
  margin-left: $margingbottom-big;
107
131
  }
132
+
108
133
  .marginLeft {
109
134
  margin-left: $margingbottom;
110
135
  }
136
+
111
137
  .marginLeftSmall {
112
138
  margin-left: $margingbottom-small;
113
139
  }
@@ -115,9 +141,11 @@
115
141
  .marginRightBig {
116
142
  margin-right: $margingbottom-big;
117
143
  }
144
+
118
145
  .marginRight {
119
146
  margin-right: $margingbottom;
120
147
  }
148
+
121
149
  .marginRightSmall {
122
150
  margin-right: $margingbottom-small;
123
151
  }
@@ -125,9 +153,11 @@
125
153
  .marginBottomBig {
126
154
  margin-bottom: $margingbottom-big;
127
155
  }
156
+
128
157
  .marginBottom {
129
158
  margin-bottom: $margingbottom;
130
159
  }
160
+
131
161
  .marginBottomSmall {
132
162
  margin-bottom: $margingbottom-small;
133
163
  }
@@ -136,12 +166,14 @@
136
166
  margin-top: 16px;
137
167
  margin-bottom: 8px;
138
168
  }
169
+
139
170
  .paddingNormal {
140
171
  margin-top: 16px;
141
172
  margin-bottom: 8px;
142
173
  }
143
174
 
144
175
  $ccolor: #08182b;
176
+
145
177
  .container {
146
178
  color: $ccolor;
147
179
  display: flex;
@@ -151,7 +183,7 @@ $ccolor: #08182b;
151
183
  flex-direction: column;
152
184
  background-size: cover;
153
185
  background-repeat: no-repeat;
154
- background-color: 'transparent';
186
+ background-color: transparent;
155
187
  }
156
188
 
157
189
  .listContainer {
@@ -186,9 +218,11 @@ $ccolor: #08182b;
186
218
  margin-right: 5px;
187
219
  border: 1px solid '#999';
188
220
  }
221
+
189
222
  .multiSelect-container {
190
223
  z-index: 999;
191
224
  }
225
+
192
226
  .multichoice {
193
227
  font-size: $h6;
194
- }
228
+ }
@@ -1,6 +1,6 @@
1
1
  //@import './palette';
2
2
 
3
- $transparent: 'transparent';
3
+ $transparent: transparent;
4
4
  $neutral: var(--neutral);
5
5
  $facebook: var(--facebook);
6
6
  $login: var(--login);
@@ -32,4 +32,4 @@ $shadow: var(--shadow);
32
32
  $disabled: var(--disabled);
33
33
  $inverse-bg: var(--inverse-bg);
34
34
  $inverse-text: var(--inverse-text);
35
- $loader: var(--loader);
35
+ $loader: var(--loader);
@@ -76,4 +76,4 @@ $thumb-size: 25;
76
76
  // radio button
77
77
  $radio-width: 24;
78
78
  $radio-height: 24;
79
- $radio-thickness: 2;
79
+ $radio-thickness: 2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nuudel-core",
3
- "version": "0.2.108",
3
+ "version": "0.2.110",
4
4
  "description": "Web components for react with material UI",
5
5
  "main": "build/main/index.js",
6
6
  "typings": "build/main/index.d.ts",
@@ -118,7 +118,6 @@
118
118
  "peerDependencies": {
119
119
  "@mui/icons-material": "^5.13.1",
120
120
  "@mui/material": "^5.13.1",
121
- "@mui/styles": "^5.13.1",
122
121
  "graphql-tag": "^2.12.6",
123
122
  "next": "^11.1.4",
124
123
  "react": "*",