@react-ui-org/react-ui 0.50.1 → 0.50.2

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 (7) hide show
  1. package/dist/lib.development.js +4 -4
  2. package/dist/lib.js +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/components/Button/_tools.scss +1 -2
  5. package/src/lib/components/ScrollView/ScrollView.scss +1 -0
  6. package/src/lib/styles/theme/_accessibility.scss +4 -1
  7. package/src/lib/theme.scss +3 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@react-ui-org/react-ui",
3
3
  "description": "React UI is a themeable UI library for React apps.",
4
- "version": "0.50.1",
4
+ "version": "0.50.2",
5
5
  "keywords": [
6
6
  "react",
7
7
  "ui",
package/src/lib/components/Button/_tools.scss CHANGED
@@ -123,8 +123,7 @@
123
123
  @include _get-themeable-properties($priority, $color, disabled);
124
124
  }
125
125
 
126
- &:not(:disabled):hover,
127
- &:not(:disabled):focus {
126
+ &:not(:disabled):hover {
128
127
  @include _get-themeable-properties($priority, $color, hover);
129
128
  }
130
129
 
package/src/lib/components/ScrollView/ScrollView.scss CHANGED
@@ -186,6 +186,7 @@ $_arrow-outer-spacing: spacing.of(4);
186
186
  .isRootHorizontal .content {
187
187
  display: inline-flex; // 4.
188
188
  min-width: 100%;
189
+ vertical-align: top;
189
190
  }
190
191
 
191
192
  .isRootHorizontal .scrollingShadows::before,
package/src/lib/styles/theme/_accessibility.scss CHANGED
@@ -1,4 +1,7 @@
1
+ // 1. Make it possible to keep the original box shadow of the component: if `--rui-focus-box-shadow` is set to
2
+ // `initial`, `revert` or `unset`, `--rui-local-box-shadow` is used.
3
+
1
4
  $tap-target-size: var(--rui-tap-target-size);
2
5
  $focus-outline: var(--rui-focus-outline);
3
6
  $focus-outline-offset: var(--rui-focus-outline-offset);
4
- $focus-box-shadow: var(--rui-focus-box-shadow);
7
+ $focus-box-shadow: var(--rui-focus-box-shadow, var(--rui-local-box-shadow, initial)); // 1.
package/src/lib/theme.scss CHANGED
@@ -138,6 +138,8 @@
138
138
  //
139
139
  // Shared Settings
140
140
  // ===============
141
+ //
142
+ // 1. Use `initial`, `revert` or `unset` to keep the original box shadow of the component.
141
143
 
142
144
  // Borders
143
145
  --rui-border-width: 1px;
@@ -151,7 +153,7 @@
151
153
  --rui-tap-target-size: 10mm;
152
154
  --rui-focus-outline: 0.2em solid var(--rui-color-active-focus);
153
155
  --rui-focus-outline-offset: 1px;
154
- --rui-focus-box-shadow: none;
156
+ --rui-focus-box-shadow: initial; // 1.
155
157
 
156
158
  // Bottom spacings
157
159
  --rui-spacing-bottom-default: var(--rui-spacing-5);