ros.grant.common 2.0.1490 → 2.0.1491

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 (5) hide show
  1. package/Shared/Styles/myrtex-lib/components/input-text/input-text-sizes.less +3 -6
  2. package/Shared/Styles/myrtex-lib/components/switch/switch-sizes.less +9 -24
  3. package/Shared/Styles/myrtex-lib/components/switch/switch-types.less +15 -0
  4. package/Shared/Styles/myrtex-lib/components/switch/switch.less +2 -3
  5. package/package.json +1 -1
package/Shared/Styles/myrtex-lib/components/input-text/input-text-sizes.less CHANGED
@@ -1,8 +1,7 @@
1
1
  .mrx-input-text.mrx-input-text {
2
2
  &.mrx-input-text-lg {
3
3
  input {
4
- height: var(--sizing-12);
5
- padding: 0 var(--spacing-4);
4
+ padding: calc(var(--spacing-3) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4);
6
5
  font-family: var(--body-md-font-family);
7
6
  font-size: var(--body-md-font-size);
8
7
  font-weight: var(--body-md-font-weight);
@@ -12,8 +11,7 @@
12
11
 
13
12
  &.mrx-input-text-md {
14
13
  input {
15
- height: calc(var(--sizing-module) * 10);
16
- padding: 0 var(--spacing-3);
14
+ padding: calc(var(--spacing-2) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4);
17
15
  font-family: var(--body-md-font-family);
18
16
  font-size: var(--body-md-font-size);
19
17
  font-weight: var(--body-md-font-weight);
@@ -23,8 +21,7 @@
23
21
 
24
22
  &.mrx-input-text-sm {
25
23
  input {
26
- height: var(--sizing-8);
27
- padding: 0 var(--spacing-2);
24
+ padding: calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4);
28
25
  font-family: var(--body-sm-font-family);
29
26
  font-size: var(--body-sm-font-size);
30
27
  font-weight: var(--body-sm-font-weight);
package/Shared/Styles/myrtex-lib/components/switch/switch-sizes.less CHANGED
@@ -1,16 +1,8 @@
1
1
  .mrx-switch.mrx-switch {
2
2
  &.mrx-switch-lg {
3
3
  .mrx-switch-checkbox {
4
- width: 100%;
5
- display: flex;
6
- align-items: flex-start;
7
-
8
4
  .mrx-switch-slider {
9
- position: absolute;
10
- top: 0;
11
- left: 0;
12
- right: 0;
13
- bottom: 0;
5
+ position: relative;
14
6
  border-radius: calc(var(--sizing-module) * 5);
15
7
  width: var(--sizing-8);
16
8
  min-width: var(--sizing-8);
@@ -19,8 +11,8 @@
19
11
  &:before {
20
12
  width: var(--sizing-4);
21
13
  height: var(--sizing-4);
22
- left: calc(var(--sizing-1) / 2);
23
- top: calc(var(--sizing-1) / 2);
14
+ left: var(--spacing-helf);
15
+ top: var(--spacing-helf);
24
16
  }
25
17
  }
26
18
 
@@ -34,32 +26,25 @@
34
26
  font-size: var(--body-md-font-size);
35
27
  font-weight: var(--body-md-font-weight);
36
28
  line-height: var(--body-md-line-height);
37
- margin-left: calc(var(--sizing-8) + var(--sizing-1));
29
+ margin-left: var(--spacing-1);
38
30
  }
39
31
  }
40
32
 
41
33
  &.mrx-switch-sm {
42
34
  .mrx-switch-checkbox {
43
- width: 100%;
44
- display: flex;
45
- align-items: flex-start;
46
-
47
35
  .mrx-switch-slider {
48
- position: absolute;
49
- top: calc(var(--sizing-1) / 2);
50
- left: 0;
51
- right: 0;
52
- bottom: 0;
36
+ position: relative;
53
37
  border-radius: 20px;
54
38
  height: var(--sizing-4);
55
39
  width: var(--sizing-6);
56
40
  min-width: var(--sizing-6);
41
+ margin-top: var(--spacing-helf);
57
42
 
58
43
  &:before {
59
44
  width: var(--sizing-3);
60
45
  height: var(--sizing-3);
61
- left: calc(var(--sizing-1) / 2);
62
- top: calc(var(--sizing-1) / 2);
46
+ left: var(--spacing-helf);
47
+ top: var(--spacing-helf);
63
48
  }
64
49
  }
65
50
 
@@ -73,7 +58,7 @@
73
58
  font-size: var(--body-md-font-size);
74
59
  font-weight: var(--body-md-font-weight);
75
60
  line-height: var(--body-md-line-height);
76
- margin-left: calc(var(--sizing-6) + var(--sizing-1));
61
+ margin-left: var(--spacing-1);
77
62
  }
78
63
  }
79
64
  }
package/Shared/Styles/myrtex-lib/components/switch/switch-types.less ADDED
@@ -0,0 +1,15 @@
1
+ .mrx-switch.mrx-switch {
2
+ &.mrx-switch-default {
3
+ .mrx-switch-checkbox {
4
+ display: inline-flex;
5
+ align-items: flex-start;
6
+ }
7
+ }
8
+
9
+ &.mrx-switch-toggle {
10
+ .mrx-switch-checkbox {
11
+ display: inline-flex;
12
+ align-items: center;
13
+ }
14
+ }
15
+ }
package/Shared/Styles/myrtex-lib/components/switch/switch.less CHANGED
@@ -1,6 +1,5 @@
1
1
  .mrx-switch.mrx-switch {
2
- display: flex;
3
- align-items: flex-start;
2
+ display: inline-flex;
4
3
 
5
4
  .mrx-switch-checkbox {
6
5
  position: relative;
@@ -9,7 +8,7 @@
9
8
  opacity: 0;
10
9
  width: 0;
11
10
  height: 0;
12
- position: static !important;
11
+ position: absolute !important;
13
12
  padding: 0;
14
13
  margin: 0;
15
14
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1490",
2
+ "version": "2.0.1491",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "scripts": {