@vinyasa/button 1.0.20 → 1.0.22

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.
@@ -2,6 +2,7 @@
2
2
  justify-content: center;
3
3
  align-items: center;
4
4
  gap: var(--vinyasa-space2);
5
+ font-family: var(--vinyasa-font-family-sans);
5
6
  font-weight: var(--vinyasa-font-weight-semibold);
6
7
  line-height: var(--vinyasa-line-height-tight);
7
8
  cursor: pointer;
@@ -15,8 +16,9 @@
15
16
  }
16
17
 
17
18
  ._1bwnrav0:focus-visible {
18
- outline: var(--vinyasa-focus-ring-width) solid var(--vinyasa-focus);
19
- outline-offset: var(--vinyasa-focus-ring-offset);
19
+ border-color: var(--vinyasa-focus);
20
+ box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
21
+ outline: none;
20
22
  }
21
23
 
22
24
  ._1bwnrav0:disabled {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  var __webpack_modules__ = {
3
- 397 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
3
+ 678 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
4
4
  __webpack_require__.d(__webpack_exports__, {
5
5
  default: ()=>components_button
6
6
  });
@@ -287,7 +287,7 @@ function __webpack_require__(moduleId) {
287
287
  var __webpack_exports__ = {};
288
288
  (()=>{
289
289
  __webpack_require__.r(__webpack_exports__);
290
- var _components_button__rspack_import_0 = __webpack_require__(397);
290
+ var _components_button__rspack_import_0 = __webpack_require__(678);
291
291
  __webpack_require__.d(__webpack_exports__, {
292
292
  Button: ()=>_components_button__rspack_import_0["default"],
293
293
  default: ()=>_components_button__rspack_import_0["default"]
@@ -2,6 +2,7 @@
2
2
  justify-content: center;
3
3
  align-items: center;
4
4
  gap: var(--vinyasa-space2);
5
+ font-family: var(--vinyasa-font-family-sans);
5
6
  font-weight: var(--vinyasa-font-weight-semibold);
6
7
  line-height: var(--vinyasa-line-height-tight);
7
8
  cursor: pointer;
@@ -15,8 +16,9 @@
15
16
  }
16
17
 
17
18
  ._1bwnrav0:focus-visible {
18
- outline: var(--vinyasa-focus-ring-width) solid var(--vinyasa-focus);
19
- outline-offset: var(--vinyasa-focus-ring-offset);
19
+ border-color: var(--vinyasa-focus);
20
+ box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
21
+ outline: none;
20
22
  }
21
23
 
22
24
  ._1bwnrav0:disabled {
@@ -2,6 +2,7 @@
2
2
  justify-content: center;
3
3
  align-items: center;
4
4
  gap: var(--vinyasa-space2);
5
+ font-family: var(--vinyasa-font-family-sans);
5
6
  font-weight: var(--vinyasa-font-weight-semibold);
6
7
  line-height: var(--vinyasa-line-height-tight);
7
8
  cursor: pointer;
@@ -15,8 +16,9 @@
15
16
  }
16
17
 
17
18
  ._1bwnrav0:focus-visible {
18
- outline: var(--vinyasa-focus-ring-width) solid var(--vinyasa-focus);
19
- outline-offset: var(--vinyasa-focus-ring-offset);
19
+ border-color: var(--vinyasa-focus);
20
+ box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
21
+ outline: none;
20
22
  }
21
23
 
22
24
  ._1bwnrav0:disabled {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vinyasa/button",
3
- "version": "1.0.20",
3
+ "version": "1.0.22",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -41,7 +41,7 @@
41
41
  "peerDependencies": {
42
42
  "react": "^18.0.0 || ^19.0.0",
43
43
  "react-dom": "^18.0.0 || ^19.0.0",
44
- "@vinyasa/tokens": "^1.0.20"
44
+ "@vinyasa/tokens": "^1.0.22"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@rsbuild/plugin-react": "^2.1.0",
@@ -54,9 +54,9 @@
54
54
  "@vanilla-extract/vite-plugin": "^5.2.3",
55
55
  "@vanilla-extract/webpack-plugin": "^2.3.27",
56
56
  "typescript": "^5.7.3",
57
- "@vinyasa/icons": "1.0.20",
58
- "@vinyasa/layout": "1.0.20",
59
- "@vinyasa/tokens": "1.0.20"
57
+ "@vinyasa/layout": "1.0.22",
58
+ "@vinyasa/tokens": "1.0.22",
59
+ "@vinyasa/icons": "1.0.22"
60
60
  },
61
61
  "scripts": {
62
62
  "build": "rslib build && node ../../scripts/postbuild-package.mjs",