@steroidsjs/bootstrap 3.0.0-beta.40 → 3.0.0-beta.41

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 (6) hide show
  1. package/form/Button/ButtonView.scss +9 -1
  2. package/form/CheckboxField/CheckboxFieldView.scss +11 -1
  3. package/form/InputField/InputFieldView.scss +13 -3
  4. package/list/Pagination/PaginationButtonView.scss +3 -0
  5. package/nav/Breadcrubms/BreadcrumbsView.scss +3 -5
  6. package/package.json +1 -1
package/form/Button/ButtonView.scss CHANGED
@@ -108,7 +108,15 @@ $btn-letter-spacing: 0.1em;
108
108
  color: $link-color;
109
109
  }
110
110
 
111
- &:hover {
111
+ #{$root}__label:hover {
112
+ color: $link-color-hover;
113
+ }
114
+
115
+ &:focus-visible, &:focus {
116
+ border: none;
117
+ }
118
+
119
+ &:hover,&:active {
112
120
  background-color: transparent;
113
121
  }
114
122
  }
package/form/CheckboxField/CheckboxFieldView.scss CHANGED
@@ -1,3 +1,13 @@
1
+ :root {
2
+ --disabled-text-color: rgba(0, 0, 0, 0.3);
3
+ }
4
+
5
+ html[data-theme="dark"] {
6
+ --disabled-text-color: rgba(255, 255, 255, 0.3);
7
+ }
8
+
9
+ $disabled-text-color: var(--disabled-text-color);
10
+
1
11
  .CheckboxFieldView {
2
12
  $root: &;
3
13
 
@@ -99,7 +109,7 @@
99
109
  &:disabled + #{$root}__label {
100
110
  cursor: not-allowed;
101
111
  span {
102
- color: $black-30;
112
+ color: $disabled-text-color;
103
113
  }
104
114
 
105
115
  &::before {
package/form/InputField/InputFieldView.scss CHANGED
@@ -64,6 +64,7 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
64
64
  height: 100%;
65
65
 
66
66
  pointer-events: none;
67
+ transform: translate(-1px, -1px);
67
68
  opacity: 0;
68
69
  transition: opacity 150ms ease-in-out;
69
70
  }
@@ -129,7 +130,7 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
129
130
  }
130
131
 
131
132
  &::before {
132
- border-radius: $radius-large;
133
+ border-radius: 14px;
133
134
  }
134
135
  }
135
136
 
@@ -155,7 +156,7 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
155
156
  }
156
157
 
157
158
  &::before {
158
- border-radius: $radius-large;
159
+ border-radius: 14px;
159
160
  }
160
161
  }
161
162
 
@@ -179,7 +180,7 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
179
180
  }
180
181
 
181
182
  &::before {
182
- border-radius: $radius-small;
183
+ border-radius: 10px;
183
184
  }
184
185
  }
185
186
  }
@@ -252,6 +253,11 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
252
253
  #{$root}__input {
253
254
  border-top-left-radius: 0;
254
255
  border-bottom-left-radius: 0;
256
+ border: none;
257
+ }
258
+ &::before {
259
+ border: 1px solid $border-color;
260
+ opacity: 1;
255
261
  }
256
262
  }
257
263
 
@@ -260,6 +266,10 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
260
266
  border-top-right-radius: 0;
261
267
  border-bottom-right-radius: 0;
262
268
  }
269
+ &::before {
270
+ border: 1px solid $border-color;
271
+ opacity: 1;
272
+ }
263
273
  }
264
274
 
265
275
  &__addon-before,
package/list/Pagination/PaginationButtonView.scss CHANGED
@@ -32,6 +32,7 @@ $pagination-disabled-color: var(--pagination-disabled-color);
32
32
 
33
33
  &_size {
34
34
  &_lg {
35
+ height: 48px;
35
36
  #{$root}__page {
36
37
  &-button {
37
38
  padding: 12px 18px;
@@ -69,6 +70,7 @@ $pagination-disabled-color: var(--pagination-disabled-color);
69
70
  }
70
71
  }
71
72
  &_md {
73
+ height: 40px;
72
74
  #{$root}__page {
73
75
  &-button {
74
76
  padding: 8px 14px;
@@ -106,6 +108,7 @@ $pagination-disabled-color: var(--pagination-disabled-color);
106
108
  }
107
109
  }
108
110
  &_sm {
111
+ height: 32px;
109
112
  #{$root}__page {
110
113
  &-button {
111
114
  padding: 4px 12px;
package/nav/Breadcrubms/BreadcrumbsView.scss CHANGED
@@ -13,11 +13,9 @@ $last-link-color: var(--last-link-color);
13
13
  .BreadcrumbsView {
14
14
  $breadcrumb-item-separator: '/';
15
15
 
16
- &__custom-icon {
17
- display: flex;
18
- }
19
16
 
20
- &__icon {
17
+
18
+ &__icon, &__custom-icon {
21
19
  display: flex;
22
20
 
23
21
  svg {
@@ -28,7 +26,7 @@ $last-link-color: var(--last-link-color);
28
26
  stroke: $link-color-hover;
29
27
  }
30
28
 
31
- svg path {
29
+ svg path, svg circle {
32
30
  stroke:inherit;
33
31
  }
34
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/bootstrap",
3
- "version": "3.0.0-beta.40",
3
+ "version": "3.0.0-beta.41",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "Vladimir Kozhin <hello@kozhindev.com>",