@vinyasa/button 1.0.16 → 1.0.18

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/dist/cjs/button.css +7 -7
  2. package/dist/cjs/index.cjs +2 -2
  3. package/dist/cjs/index.css +7 -7
  4. package/dist/esm/button.css +7 -7
  5. package/dist/esm/components/button/Button.css.d.ts +4 -4
  6. package/package.json +4 -3
package/dist/cjs/button.css CHANGED
@@ -15,13 +15,13 @@
15
15
  }
16
16
 
17
17
  ._1bwnrav0:focus-visible {
18
- outline: 2px solid var(--vinyasa-focus);
19
- outline-offset: 2px;
18
+ outline: var(--vinyasa-focus-ring-width) solid var(--vinyasa-focus);
19
+ outline-offset: var(--vinyasa-focus-ring-offset);
20
20
  }
21
21
 
22
22
  ._1bwnrav0:disabled {
23
23
  cursor: not-allowed;
24
- opacity: .5;
24
+ opacity: var(--vinyasa-opacity-disabled);
25
25
  }
26
26
 
27
27
  ._1bwnrav1 {
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  ._1bwnrav1:hover:not(:disabled) {
33
- opacity: .92;
33
+ opacity: var(--vinyasa-opacity-hover);
34
34
  }
35
35
 
36
36
  ._1bwnrav2 {
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  ._1bwnrav2:hover:not(:disabled) {
42
- opacity: .92;
42
+ opacity: var(--vinyasa-opacity-hover);
43
43
  }
44
44
 
45
45
  ._1bwnrav3 {
@@ -48,7 +48,7 @@
48
48
  }
49
49
 
50
50
  ._1bwnrav3:hover:not(:disabled) {
51
- opacity: .92;
51
+ opacity: var(--vinyasa-opacity-hover);
52
52
  }
53
53
 
54
54
  ._1bwnrav4 {
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  ._1bwnrav4:hover:not(:disabled) {
60
- opacity: .92;
60
+ opacity: var(--vinyasa-opacity-hover);
61
61
  }
62
62
 
63
63
  ._1bwnrav5 {
package/dist/cjs/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  var __webpack_modules__ = {
3
- 527 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
3
+ 397 (__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__(527);
290
+ var _components_button__rspack_import_0 = __webpack_require__(397);
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"]
package/dist/cjs/index.css CHANGED
@@ -15,13 +15,13 @@
15
15
  }
16
16
 
17
17
  ._1bwnrav0:focus-visible {
18
- outline: 2px solid var(--vinyasa-focus);
19
- outline-offset: 2px;
18
+ outline: var(--vinyasa-focus-ring-width) solid var(--vinyasa-focus);
19
+ outline-offset: var(--vinyasa-focus-ring-offset);
20
20
  }
21
21
 
22
22
  ._1bwnrav0:disabled {
23
23
  cursor: not-allowed;
24
- opacity: .5;
24
+ opacity: var(--vinyasa-opacity-disabled);
25
25
  }
26
26
 
27
27
  ._1bwnrav1 {
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  ._1bwnrav1:hover:not(:disabled) {
33
- opacity: .92;
33
+ opacity: var(--vinyasa-opacity-hover);
34
34
  }
35
35
 
36
36
  ._1bwnrav2 {
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  ._1bwnrav2:hover:not(:disabled) {
42
- opacity: .92;
42
+ opacity: var(--vinyasa-opacity-hover);
43
43
  }
44
44
 
45
45
  ._1bwnrav3 {
@@ -48,7 +48,7 @@
48
48
  }
49
49
 
50
50
  ._1bwnrav3:hover:not(:disabled) {
51
- opacity: .92;
51
+ opacity: var(--vinyasa-opacity-hover);
52
52
  }
53
53
 
54
54
  ._1bwnrav4 {
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  ._1bwnrav4:hover:not(:disabled) {
60
- opacity: .92;
60
+ opacity: var(--vinyasa-opacity-hover);
61
61
  }
62
62
 
63
63
  ._1bwnrav5 {
package/dist/esm/button.css CHANGED
@@ -15,13 +15,13 @@
15
15
  }
16
16
 
17
17
  ._1bwnrav0:focus-visible {
18
- outline: 2px solid var(--vinyasa-focus);
19
- outline-offset: 2px;
18
+ outline: var(--vinyasa-focus-ring-width) solid var(--vinyasa-focus);
19
+ outline-offset: var(--vinyasa-focus-ring-offset);
20
20
  }
21
21
 
22
22
  ._1bwnrav0:disabled {
23
23
  cursor: not-allowed;
24
- opacity: .5;
24
+ opacity: var(--vinyasa-opacity-disabled);
25
25
  }
26
26
 
27
27
  ._1bwnrav1 {
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  ._1bwnrav1:hover:not(:disabled) {
33
- opacity: .92;
33
+ opacity: var(--vinyasa-opacity-hover);
34
34
  }
35
35
 
36
36
  ._1bwnrav2 {
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  ._1bwnrav2:hover:not(:disabled) {
42
- opacity: .92;
42
+ opacity: var(--vinyasa-opacity-hover);
43
43
  }
44
44
 
45
45
  ._1bwnrav3 {
@@ -48,7 +48,7 @@
48
48
  }
49
49
 
50
50
  ._1bwnrav3:hover:not(:disabled) {
51
- opacity: .92;
51
+ opacity: var(--vinyasa-opacity-hover);
52
52
  }
53
53
 
54
54
  ._1bwnrav4 {
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  ._1bwnrav4:hover:not(:disabled) {
60
- opacity: .92;
60
+ opacity: var(--vinyasa-opacity-hover);
61
61
  }
62
62
 
63
63
  ._1bwnrav5 {
package/dist/esm/components/button/Button.css.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
5
5
  color: `var(--${string})`;
6
6
  selectors: {
7
7
  '&:hover:not(:disabled)': {
8
- opacity: number;
8
+ opacity: `var(--${string})`;
9
9
  };
10
10
  };
11
11
  };
@@ -14,7 +14,7 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
14
14
  color: `var(--${string})`;
15
15
  selectors: {
16
16
  '&:hover:not(:disabled)': {
17
- opacity: number;
17
+ opacity: `var(--${string})`;
18
18
  };
19
19
  };
20
20
  };
@@ -23,7 +23,7 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
23
23
  color: `var(--${string})`;
24
24
  selectors: {
25
25
  '&:hover:not(:disabled)': {
26
- opacity: number;
26
+ opacity: `var(--${string})`;
27
27
  };
28
28
  };
29
29
  };
@@ -32,7 +32,7 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
32
32
  color: `var(--${string})`;
33
33
  selectors: {
34
34
  '&:hover:not(:disabled)': {
35
- opacity: number;
35
+ opacity: `var(--${string})`;
36
36
  };
37
37
  };
38
38
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vinyasa/button",
3
- "version": "1.0.16",
3
+ "version": "1.0.18",
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.16"
44
+ "@vinyasa/tokens": "^1.0.18"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@rsbuild/plugin-react": "^2.1.0",
@@ -54,7 +54,8 @@
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/tokens": "1.0.16"
57
+ "@vinyasa/icons": "1.0.18",
58
+ "@vinyasa/tokens": "1.0.18"
58
59
  },
59
60
  "scripts": {
60
61
  "build": "rslib build && node ../../scripts/postbuild-package.mjs",