@colijnit/sharedcomponents 1.0.3 → 1.0.4

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 (19) hide show
  1. package/bundles/colijnit-sharedcomponents.umd.js +5 -7
  2. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  3. package/colijnit-sharedcomponents.metadata.json +1 -1
  4. package/esm2015/lib/components/stock/stock-information-grid/stock-information-grid.component.js +116 -116
  5. package/esm2015/lib/components/stock/stock-location/stock-location.component.js +2 -2
  6. package/fesm2015/colijnit-sharedcomponents.js +116 -116
  7. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  8. package/lib/components/stock/stock-information-grid/stock-information-grid.component.d.ts +1 -2
  9. package/lib/components/stock/style/_layout.scss +70 -17
  10. package/lib/components/stock/style/_material-definition.scss +17 -1
  11. package/package.json +1 -1
  12. package/lib/components/stock/stock-location/style/_layout.scss +0 -11
  13. package/lib/components/stock/stock-location/style/_material-definition.scss +0 -1
  14. package/lib/components/stock/stock-location/style/_theme.scss +0 -18
  15. package/lib/components/stock/stock-location/style/material.scss +0 -4
  16. package/lib/components/stock/stock-transfer/style/_layout.scss +0 -31
  17. package/lib/components/stock/stock-transfer/style/_material-definition.scss +0 -1
  18. package/lib/components/stock/stock-transfer/style/_theme.scss +0 -6
  19. package/lib/components/stock/stock-transfer/style/material.scss +0 -4
package/lib/components/stock/style/_layout.scss CHANGED
@@ -4,13 +4,13 @@
4
4
  .co-stock {
5
5
 
6
6
  .stock-info-container {
7
- max-width: 90%;
8
- padding: 10px;
7
+ max-width: $sc-stock-info-container-width;
8
+ padding: $sc-stock-info-container-padding;
9
9
  }
10
10
 
11
11
  .stock-info {
12
- margin-top: 10px;
13
- padding: 0 10px;
12
+ margin-top: $sc-stock-info-margin;
13
+ padding: $sc-stock-info-padding;
14
14
  display: inline-flex;
15
15
  }
16
16
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  .stock-info-row-image {
22
22
  display: inline-flex;
23
- gap: 10px;
23
+ gap: $sc-stock-gap;
24
24
  }
25
25
 
26
26
  .stock-image {
@@ -33,23 +33,25 @@
33
33
 
34
34
  .stock-status {
35
35
  display: grid;
36
- gap: 10px;
36
+ gap: $sc-stock-gap;
37
37
  }
38
38
 
39
39
  .stock-info > div:not(:first-child) {
40
40
  padding: 0 10px;
41
- border-left: solid 1px lightgray;
41
+ border-left: $sc-stock-border-left;
42
42
  }
43
43
 
44
44
  .stock-line {
45
- font-weight: bold;
46
- margin: 10px 0 20px 0;
45
+ font-weight: $sc-stock-line-font-weight;
46
+ margin: $sc-stock-line-margin;
47
47
  }
48
48
 
49
49
  .simple-grid-column-header-wrapper {
50
- font-size: 14px;
50
+ font-size: $sc-stock-simple-grid-header-fontsize;
51
51
  display: flex;
52
52
  flex-direction: row;
53
+ background-color: white;
54
+ border-bottom: $sc-stock-simple-grid-column-header-wrapper-border-bottom;
53
55
  }
54
56
 
55
57
  .simple-grid-column-header {
@@ -60,18 +62,17 @@
60
62
  }
61
63
 
62
64
  .simple-grid-row {
63
- font-size: 12px;
65
+ font-size: $sc-stock-simple-grid-row-fontsize;
64
66
  display: flex;
65
67
  flex-direction: row;
66
- border: 1px solid;
68
+ border: $sc-stock-simple-grid-row-border;
69
+ border-bottom: $sc-stock-simple-grid-row-border-bottom;
67
70
  }
68
71
 
69
72
  .simple-grid-column-cell {
70
73
  display: flex;
71
- padding-right: 5px;
74
+ padding: $sc-stock-simple-grid-column-cell-padding;
72
75
  flex-basis: 100%;
73
- padding-top: 10px;
74
- padding-bottom: 10px;
75
76
  }
76
77
 
77
78
  .stock-lines-button {
@@ -79,7 +80,8 @@
79
80
  }
80
81
 
81
82
  .tab-link {
82
- gap: 10px;
83
+ gap: 30px;
84
+ padding: 20px 20px;
83
85
  &.hide {
84
86
  display: none;
85
87
  }
@@ -100,6 +102,17 @@
100
102
  }
101
103
 
102
104
  .stock-grid {
105
+ margin: $sc-stock-grid-margin;
106
+ }
107
+
108
+ .buttons-wrapper {
109
+ display: flex;
110
+ }
111
+
112
+ .dropdown-wrapper {
113
+ display: flex;
114
+ float: right;
115
+ max-width: 20%;
103
116
  }
104
117
 
105
118
  .stock-location-group {
@@ -132,7 +145,7 @@
132
145
  flex: 1;
133
146
  justify-content: flex-start;
134
147
 
135
- co-button {
148
+ .co-button {
136
149
  margin-right: 10px;
137
150
  width: 100px;
138
151
  }
@@ -142,5 +155,45 @@
142
155
  flex: 1;
143
156
  margin-top: 10px;
144
157
  }
158
+
159
+ .stock-transfer-right-column {
160
+ display: flex;
161
+ flex-direction: column;
162
+ width: 25%;
163
+ float: right;
164
+ }
165
+
166
+ .stock-transfer-left-column {
167
+ display: flex;
168
+ flex-direction: column;
169
+ width: 25%;
170
+ float: left;
171
+ }
172
+
173
+ .ok-cancel-buttons {
174
+ display: flex;
175
+ width: 100%;
176
+ justify-content: center;
177
+ padding: 25px;
178
+ }
179
+
180
+ .stock-transfer-columns {
181
+ display: flex;
182
+ width: 100%;
183
+ justify-content: space-around;
184
+ }
185
+
186
+ .tab-link-buttons {
187
+ cursor: $sc-stock-tab-link-buttons-pointer;
188
+ }
189
+
190
+ .active {
191
+ color: $sc-color-action;
192
+ }
193
+
194
+ .stock-button-back {
195
+ color: $sc-color-action;
196
+ cursor: pointer;
197
+ }
145
198
  }
146
199
  }
package/lib/components/stock/style/_material-definition.scss CHANGED
@@ -1 +1,17 @@
1
-
1
+ $sc-stock-info-margin: 10px !default;
2
+ $sc-stock-info-padding: 0 10px !default;
3
+ $sc-stock-gap: 10px !default;
4
+ $sc-stock-border-left: solid 1px lightgray !default;
5
+ $sc-stock-line-margin: 10px 0 20px 0 !default;
6
+ $sc-stock-line-font-weight: bold !default;
7
+ $sc-stock-simple-grid-header-fontsize: 14px !default;
8
+ $sc-stock-simple-grid-row-fontsize: 12px !default;
9
+ $sc-stock-simple-grid-row-border-bottom: 1px solid black !default;
10
+ $sc-stock-simple-grid-row-border: none !default;
11
+ $sc-stock-simple-grid-column-cell-padding: 10px 5px !default;
12
+ $sc-stock-tab-link-buttons-active-color: $sc-color-action !default;
13
+ $sc-stock-tab-link-buttons-pointer: pointer !default;
14
+ $sc-stock-grid-margin: 50px 0 0 0 !default;
15
+ $sc-stock-simple-grid-column-header-wrapper-border-bottom: 1px solid black !default;
16
+ $sc-stock-info-container-width: 90% !default;
17
+ $sc-stock-info-container-padding: 30px !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/sharedcomponents",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/common": "^12.2.0",
package/lib/components/stock/stock-location/style/_layout.scss DELETED
@@ -1,11 +0,0 @@
1
- @import "../../../../../style/mixin";
2
-
3
- @include export-module('co-stock-location-layout') {
4
- .co-stock {
5
- font-family: $tp-stock-font-family;
6
-
7
- .button-wrapper {
8
- display: flex;
9
- }
10
- }
11
- }
package/lib/components/stock/stock-location/style/_material-definition.scss DELETED
@@ -1 +0,0 @@
1
- $tp-stock-font-family: $tp-font-family !default;
package/lib/components/stock/stock-location/style/_theme.scss DELETED
@@ -1,18 +0,0 @@
1
- @import "../../../../style/mixin";
2
- @import "./material-definition";
3
-
4
- @include export-module('co-stock-location-theme') {
5
- .co-stock {
6
-
7
- }
8
- .stock-grid {
9
- margin-top: 50px;
10
- }
11
- .buttons-wrapper {
12
- display: flex;
13
- }
14
- .dropdown-wrapper {
15
- float: right;
16
- max-width: 20%;
17
- }
18
- }
package/lib/components/stock/stock-location/style/material.scss DELETED
@@ -1,4 +0,0 @@
1
- @import "../../../../../style/variables";
2
- @import "./material-definition";
3
- @import "./layout";
4
- @import "./theme";
package/lib/components/stock/stock-transfer/style/_layout.scss DELETED
@@ -1,31 +0,0 @@
1
- @import "../../../../style/mixin";
2
-
3
- @include export-module('co-stock-transfer-layout') {
4
-
5
- .stock-transfer-right-column {
6
- display: flex;
7
- flex-direction: column;
8
- width: 25%;
9
- float: right;
10
- }
11
-
12
- .stock-transfer-left-column {
13
- display: flex;
14
- flex-direction: column;
15
- width: 25%;
16
- float: left;
17
- }
18
-
19
- .ok-cancel-buttons {
20
- display: flex;
21
- width: 100%;
22
- justify-content: center;
23
- padding: 25px;
24
- }
25
-
26
- .stock-transfer-columns {
27
- display: flex;
28
- width: 100%;
29
- justify-content: space-around;
30
- }
31
- }
package/lib/components/stock/stock-transfer/style/_theme.scss DELETED
@@ -1,6 +0,0 @@
1
- @import "../../../../style/mixin";
2
- @import "./material-definition";
3
-
4
- @include export-module('co-stock-location-theme') {
5
-
6
- }
package/lib/components/stock/stock-transfer/style/material.scss DELETED
@@ -1,4 +0,0 @@
1
- @import "../../../../style/variables";
2
- @import "./material-definition";
3
- @import "./layout";
4
- @import "./theme";