@xoopah-designsystem/design-system-scss 1.0.0 → 1.0.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.
- package/README.md +25 -18
- package/package.json +1 -1
- package/scss/design-system.scss +1 -1
package/README.md
CHANGED
|
@@ -79,52 +79,59 @@ Or in `src/styles.scss`:
|
|
|
79
79
|
@import '@xoopah-designsystem/design-system-scss/scss/design-system';
|
|
80
80
|
```
|
|
81
81
|
|
|
82
|
-
## Publishing
|
|
82
|
+
## Publishing to npm
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
### Public publish
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
Steps to publish the package to the public npm registry:
|
|
87
|
+
|
|
88
|
+
**1. Log in to npm**
|
|
87
89
|
|
|
88
90
|
```bash
|
|
89
91
|
npm login
|
|
90
92
|
```
|
|
91
93
|
|
|
92
|
-
|
|
94
|
+
Enter your username, password, and OTP if 2FA is enabled. Create an account at [npmjs.com](https://www.npmjs.com/signup) if you don't have one.
|
|
95
|
+
|
|
96
|
+
**2. Scope / org**
|
|
93
97
|
|
|
94
|
-
|
|
98
|
+
Package name is `@xoopah-designsystem/design-system-scss` (org: **xoopah-designsystem**). To publish as public:
|
|
95
99
|
|
|
96
|
-
|
|
97
|
-
-
|
|
98
|
-
- Apne npm user ke under publish karna ho to package name change karo (e.g. `@your-username/design-system-scss`).
|
|
100
|
+
- Create an npm org at [npmjs.com/org/create](https://www.npmjs.com/org/create) (e.g. **xoopah-designsystem**) and publish under it, or
|
|
101
|
+
- To publish under your personal account, use a scoped name like `@your-username/design-system-scss`.
|
|
99
102
|
|
|
100
|
-
|
|
103
|
+
**3. Publish from the package folder**
|
|
101
104
|
|
|
102
|
-
|
|
105
|
+
Add `"publishConfig": { "access": "public" }` to `package.json` for public access (scoped packages are private by default). Then:
|
|
103
106
|
|
|
104
107
|
```bash
|
|
105
108
|
cd packages/xoopah-design-system-scss
|
|
106
109
|
npm publish
|
|
107
110
|
```
|
|
108
111
|
|
|
109
|
-
|
|
112
|
+
With 2FA enabled, use a one-time password:
|
|
113
|
+
|
|
114
|
+
```bash
|
|
115
|
+
npm publish --otp=YOUR_6_DIGIT_CODE
|
|
116
|
+
```
|
|
110
117
|
|
|
111
|
-
|
|
118
|
+
**4. Version updates (future releases)**
|
|
112
119
|
|
|
113
|
-
|
|
120
|
+
Bump the version for each release, then publish:
|
|
114
121
|
|
|
115
122
|
```bash
|
|
116
123
|
npm version patch # 1.0.0 → 1.0.1
|
|
117
|
-
#
|
|
124
|
+
# or
|
|
118
125
|
npm version minor # 1.0.0 → 1.1.0
|
|
119
126
|
npm publish
|
|
120
127
|
```
|
|
121
128
|
|
|
122
|
-
### Private registry (Azure
|
|
129
|
+
### Private registry (Azure, GitHub, company)
|
|
123
130
|
|
|
124
|
-
|
|
131
|
+
If your company uses a **private npm registry** (e.g. Azure Artifacts, GitHub Packages):
|
|
125
132
|
|
|
126
|
-
-
|
|
127
|
-
-
|
|
133
|
+
- Set the registry URL in the project’s `.npmrc`.
|
|
134
|
+
- Use the same publish command: `npm publish` (it will use the registry configured in `.npmrc`).
|
|
128
135
|
|
|
129
136
|
---
|
|
130
137
|
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@xoopah-designsystem/design-system-scss","version":"1.0.
|
|
1
|
+
{"name":"@xoopah-designsystem/design-system-scss","version":"1.0.2","description":"Company-wide design system SCSS package. Figma-aligned tokens (colors, spacing, typography) and component styles. Override variables to theme.","style":"scss/design-system.scss","main":"scss/design-system.scss","files":["scss","components","README.md"],"keywords":["design-system","scss","figma","tokens","angular"],"author":"","license":"UNLICENSED","repository":{"type":"git","url":""},"publishConfig":{"access":"public"}}
|
package/scss/design-system.scss
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
///
|
|
6
6
|
/// Example with overrides:
|
|
7
7
|
/// @import 'your-app/theme-overrides';
|
|
8
|
-
/// @import '@xoopah/design-system-scss/scss/design-system';
|
|
8
|
+
/// @import '@xoopah-designsystem/design-system-scss/scss/design-system';
|
|
9
9
|
|
|
10
10
|
@import 'variables/index';
|
|
11
11
|
@import 'mixins/index';
|