@vinyasa/button 1.0.13 → 1.0.15

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/dist/cjs/button.css +9 -9
  2. package/dist/cjs/index.cjs +2 -2
  3. package/dist/cjs/index.css +9 -9
  4. package/dist/esm/button.css +9 -9
  5. package/package.json +69 -68
package/dist/cjs/button.css CHANGED
@@ -1,14 +1,14 @@
1
1
  ._1bwnrav0 {
2
- color: #fff;
2
+ border-radius: var(--vinyasa-radius-full);
3
+ background-color: var(--vinyasa-primary);
4
+ color: var(--vinyasa-on-primary);
5
+ padding: var(--vinyasa-space3) var(--vinyasa-space4);
6
+ font-size: var(--vinyasa-font-size-sm);
7
+ font-weight: var(--vinyasa-font-weight-semibold);
8
+ line-height: var(--vinyasa-line-height-tight);
3
9
  cursor: pointer;
4
- background-color: #111827;
10
+ transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
5
11
  border: none;
6
- border-radius: 9999px;
7
- padding: .625rem 1rem;
8
- font-size: .875rem;
9
- font-weight: 600;
10
- line-height: 1;
11
- transition: transform .15s, opacity .15s;
12
12
  }
13
13
 
14
14
  ._1bwnrav0:hover {
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  ._1bwnrav0:focus-visible {
23
+ outline: 2px solid var(--vinyasa-focus);
23
24
  outline-offset: 2px;
24
- outline: 2px solid #2563eb;
25
25
  }
26
26
 
package/dist/cjs/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  var __webpack_modules__ = {
3
- 748 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
3
+ 10 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
4
4
  __webpack_require__.d(__webpack_exports__, {
5
5
  default: ()=>components_button
6
6
  });
@@ -53,7 +53,7 @@ function __webpack_require__(moduleId) {
53
53
  var __webpack_exports__ = {};
54
54
  (()=>{
55
55
  __webpack_require__.r(__webpack_exports__);
56
- var _components_button__rspack_import_0 = __webpack_require__(748);
56
+ var _components_button__rspack_import_0 = __webpack_require__(10);
57
57
  __webpack_require__.d(__webpack_exports__, {
58
58
  Button: ()=>_components_button__rspack_import_0["default"],
59
59
  default: ()=>_components_button__rspack_import_0["default"]
package/dist/cjs/index.css CHANGED
@@ -1,14 +1,14 @@
1
1
  ._1bwnrav0 {
2
- color: #fff;
2
+ border-radius: var(--vinyasa-radius-full);
3
+ background-color: var(--vinyasa-primary);
4
+ color: var(--vinyasa-on-primary);
5
+ padding: var(--vinyasa-space3) var(--vinyasa-space4);
6
+ font-size: var(--vinyasa-font-size-sm);
7
+ font-weight: var(--vinyasa-font-weight-semibold);
8
+ line-height: var(--vinyasa-line-height-tight);
3
9
  cursor: pointer;
4
- background-color: #111827;
10
+ transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
5
11
  border: none;
6
- border-radius: 9999px;
7
- padding: .625rem 1rem;
8
- font-size: .875rem;
9
- font-weight: 600;
10
- line-height: 1;
11
- transition: transform .15s, opacity .15s;
12
12
  }
13
13
 
14
14
  ._1bwnrav0:hover {
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  ._1bwnrav0:focus-visible {
23
+ outline: 2px solid var(--vinyasa-focus);
23
24
  outline-offset: 2px;
24
- outline: 2px solid #2563eb;
25
25
  }
26
26
 
package/dist/esm/button.css CHANGED
@@ -1,14 +1,14 @@
1
1
  ._1bwnrav0 {
2
- color: #fff;
2
+ border-radius: var(--vinyasa-radius-full);
3
+ background-color: var(--vinyasa-primary);
4
+ color: var(--vinyasa-on-primary);
5
+ padding: var(--vinyasa-space3) var(--vinyasa-space4);
6
+ font-size: var(--vinyasa-font-size-sm);
7
+ font-weight: var(--vinyasa-font-weight-semibold);
8
+ line-height: var(--vinyasa-line-height-tight);
3
9
  cursor: pointer;
4
- background-color: #111827;
10
+ transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
5
11
  border: none;
6
- border-radius: 9999px;
7
- padding: .625rem 1rem;
8
- font-size: .875rem;
9
- font-weight: 600;
10
- line-height: 1;
11
- transition: transform .15s, opacity .15s;
12
12
  }
13
13
 
14
14
  ._1bwnrav0:hover {
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  ._1bwnrav0:focus-visible {
23
+ outline: 2px solid var(--vinyasa-focus);
23
24
  outline-offset: 2px;
24
- outline: 2px solid #2563eb;
25
25
  }
26
26
 
package/package.json CHANGED
@@ -1,69 +1,70 @@
1
1
  {
2
- "name": "@vinyasa/button",
3
- "version": "1.0.13",
4
- "private": false,
5
- "type": "module",
6
- "sideEffects": [
7
- "**/*.css"
8
- ],
9
- "files": [
10
- "dist",
11
- "!dist/**/*.map",
12
- "!dist/**/__story__/**",
13
- "!dist/**/__test__/**",
14
- "!dist/**/*.stories.d.ts",
15
- "!dist/**/*.test.d.ts"
16
- ],
17
- "publishConfig": {
18
- "access": "public"
19
- },
20
- "main": "./dist/cjs/index.cjs",
21
- "module": "./dist/esm/index.js",
22
- "style": "./dist/esm/index.css",
23
- "types": "./dist/esm/index.d.ts",
24
- "exports": {
25
- ".": {
26
- "types": "./dist/esm/index.d.ts",
27
- "import": "./dist/esm/index.js",
28
- "require": "./dist/cjs/index.cjs",
29
- "default": "./dist/esm/index.js"
30
- },
31
- "./button": {
32
- "types": "./dist/esm/button.d.ts",
33
- "import": "./dist/esm/button.js",
34
- "require": "./dist/cjs/button.cjs",
35
- "default": "./dist/esm/button.js"
36
- },
37
- "./button/style.css": "./dist/esm/button.css",
38
- "./style.css": "./dist/esm/index.css",
39
- "./package.json": "./package.json"
40
- },
41
- "scripts": {
42
- "build": "rslib build && node ../../scripts/postbuild-package.mjs",
43
- "typecheck": "tsc --noEmit -p tsconfig.json",
44
- "lint": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/**",
45
- "lint:fix": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/** --fix",
46
- "format": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --write",
47
- "format:check": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --check",
48
- "test": "vitest run --config vitest.config.ts",
49
- "test:watch": "vitest --config vitest.config.ts",
50
- "test:coverage": "vitest run --config vitest.config.ts --coverage",
51
- "prepack": "pnpm build",
52
- "pack:check": "npm pack --dry-run"
53
- },
54
- "peerDependencies": {
55
- "react": "^18.0.0 || ^19.0.0",
56
- "react-dom": "^18.0.0 || ^19.0.0"
57
- },
58
- "devDependencies": {
59
- "@rsbuild/plugin-react": "^2.1.0",
60
- "@rslib/core": "^0.23.1",
61
- "@storybook/react-vite": "^10.4.6",
62
- "@types/node": "^26.0.1",
63
- "@types/react": "^19.0.0",
64
- "@vanilla-extract/css": "^1.21.0",
65
- "@vanilla-extract/vite-plugin": "^5.2.3",
66
- "@vanilla-extract/webpack-plugin": "^2.3.27",
67
- "typescript": "^5.7.3"
68
- }
69
- }
2
+ "name": "@vinyasa/button",
3
+ "version": "1.0.15",
4
+ "private": false,
5
+ "type": "module",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "files": [
10
+ "dist",
11
+ "!dist/**/*.map",
12
+ "!dist/**/__story__/**",
13
+ "!dist/**/__test__/**",
14
+ "!dist/**/*.stories.d.ts",
15
+ "!dist/**/*.test.d.ts"
16
+ ],
17
+ "publishConfig": {
18
+ "access": "public"
19
+ },
20
+ "main": "./dist/cjs/index.cjs",
21
+ "module": "./dist/esm/index.js",
22
+ "style": "./dist/esm/index.css",
23
+ "types": "./dist/esm/index.d.ts",
24
+ "exports": {
25
+ ".": {
26
+ "types": "./dist/esm/index.d.ts",
27
+ "import": "./dist/esm/index.js",
28
+ "require": "./dist/cjs/index.cjs",
29
+ "default": "./dist/esm/index.js"
30
+ },
31
+ "./button": {
32
+ "types": "./dist/esm/button.d.ts",
33
+ "import": "./dist/esm/button.js",
34
+ "require": "./dist/cjs/button.cjs",
35
+ "default": "./dist/esm/button.js"
36
+ },
37
+ "./button/style.css": "./dist/esm/button.css",
38
+ "./style.css": "./dist/esm/index.css",
39
+ "./package.json": "./package.json"
40
+ },
41
+ "peerDependencies": {
42
+ "react": "^18.0.0 || ^19.0.0",
43
+ "react-dom": "^18.0.0 || ^19.0.0",
44
+ "@vinyasa/tokens": "^1.0.15"
45
+ },
46
+ "devDependencies": {
47
+ "@rsbuild/plugin-react": "^2.1.0",
48
+ "@rslib/core": "^0.23.1",
49
+ "@storybook/react-vite": "^10.4.6",
50
+ "@types/node": "^26.0.1",
51
+ "@types/react": "^19.0.0",
52
+ "@vanilla-extract/css": "^1.21.0",
53
+ "@vanilla-extract/vite-plugin": "^5.2.3",
54
+ "@vanilla-extract/webpack-plugin": "^2.3.27",
55
+ "typescript": "^5.7.3",
56
+ "@vinyasa/tokens": "1.0.15"
57
+ },
58
+ "scripts": {
59
+ "build": "rslib build && node ../../scripts/postbuild-package.mjs",
60
+ "typecheck": "tsc --noEmit -p tsconfig.json",
61
+ "lint": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/**",
62
+ "lint:fix": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/** --fix",
63
+ "format": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --write",
64
+ "format:check": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --check",
65
+ "test": "vitest run --config vitest.config.ts",
66
+ "test:watch": "vitest --config vitest.config.ts",
67
+ "test:coverage": "vitest run --config vitest.config.ts --coverage",
68
+ "pack:check": "npm pack --dry-run"
69
+ }
70
+ }