@randstad-uca/design-system 1.0.4 → 1.0.6

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/dist/package.json CHANGED
@@ -1,14 +1,16 @@
1
1
  {
2
2
  "name": "@randstad-uca/design-system",
3
- "version": "1.0.3",
3
+ "version": "1.0.6",
4
4
  "main": "dist/index.js",
5
- "files": ["dist"],
5
+ "files": [
6
+ "dist"
7
+ ],
6
8
  "scripts": {
7
9
  "test": "echo \"Error: no test specified\" && exit 1",
8
10
  "storybook-live": "storybook dev -p 6006",
9
11
  "build-test": "storybook build",
10
12
  "generate-icons": "node src/utils/generateIconList.js",
11
- "build": "rollup -c"
13
+ "build": "rm -rf dist && rollup -c"
12
14
  },
13
15
  "keywords": [],
14
16
  "author": "",
@@ -6,7 +6,7 @@ export interface FormProps {
6
6
  value?: string;
7
7
  size?: 'sm' | 'md' | 'lg';
8
8
  icon?: 'left' | 'right' | null;
9
- helper?: boolean;
9
+ helper?: string;
10
10
  error?: boolean;
11
11
  errorMessage?: string;
12
12
  tooltipMessage?: string;
@@ -4,4 +4,3 @@ declare const meta: Meta;
4
4
  export default meta;
5
5
  type Story = StoryObj;
6
6
  export declare const Default: Story;
7
- export declare const YesNo: Story;
@@ -3,7 +3,4 @@ import '../components/Popup';
3
3
  declare const meta: Meta;
4
4
  export default meta;
5
5
  type Story = StoryObj;
6
- export declare const Default: Story;
7
- export declare const YesNo: Story;
8
- export declare const YesNoCheck: Story;
9
- export declare const YesNoTrash: Story;
6
+ export declare const AllVariants: Story;
@@ -55,6 +55,16 @@ export declare const Default: ({ options, placeholder, defaultValue, disabled, l
55
55
  filterable: any;
56
56
  onOptionSelected: any;
57
57
  }) => import("lit-html").TemplateResult<1>;
58
+ export declare const WithObjects: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, onOptionSelected }: {
59
+ options: any;
60
+ placeholder: any;
61
+ defaultValue: any;
62
+ disabled: any;
63
+ label: any;
64
+ labelColor: any;
65
+ filterable: any;
66
+ onOptionSelected: any;
67
+ }) => import("lit-html").TemplateResult<1>;
58
68
  export declare const WithLabel: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, onOptionSelected }: {
59
69
  options: any;
60
70
  placeholder: any;
package/package.json CHANGED
@@ -1,14 +1,16 @@
1
1
  {
2
2
  "name": "@randstad-uca/design-system",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "main": "dist/index.js",
5
- "files": ["dist"],
5
+ "files": [
6
+ "dist"
7
+ ],
6
8
  "scripts": {
7
9
  "test": "echo \"Error: no test specified\" && exit 1",
8
10
  "storybook-live": "storybook dev -p 6006",
9
11
  "build-test": "storybook build",
10
12
  "generate-icons": "node src/utils/generateIconList.js",
11
- "build": "rollup -c"
13
+ "build": "rm -rf dist && rollup -c"
12
14
  },
13
15
  "keywords": [],
14
16
  "author": "",
package/readme.md CHANGED
@@ -122,7 +122,7 @@ npm publish --access public
122
122
 
123
123
  Para publicar un paquete privado:
124
124
 
125
- 1. Asegurate de tener un scope (por ejemplo, `@pablosalut/tu-paquete`).
125
+ 1. Asegurate de tener un scope (por ejemplo, `@randstad-uca/tu-paquete`).
126
126
 
127
127
  2. Agregá en `package.json`:
128
128
 
@@ -168,3 +168,69 @@ import '@pablosalut/design-system';
168
168
 
169
169
  Si querés agregar también UMD para soporte con `<script>`, se puede extender esta config. Pero para Angular, **ESM es suficiente y recomendado**.
170
170
 
171
+ # npm link en Windows
172
+
173
+ ## ¿Qué es `npm link`?
174
+ `npm link` es un comando de **npm** que crea un **enlace simbólico** entre un paquete npm local y otro proyecto, permitiendo desarrollar librerías y probarlas sin necesidad de publicarlas en el registry.
175
+
176
+ ---
177
+
178
+ ## ¿Cómo usarlo?
179
+
180
+ ### 1. En la carpeta del **paquete que querés linkear**:
181
+ ```bash
182
+ cd ruta\de\mi-paquete
183
+ npm link
184
+ ```
185
+ Esto crea un enlace global del paquete.
186
+
187
+
188
+ ### Para que se renueve el enlace luego de hacer cambios
189
+ ```bash
190
+ npm unlink @randstad-uca/design-system
191
+ npm run build
192
+ npm link
193
+ ```
194
+
195
+ Luego en el proyecto angular ejecutamos
196
+ ```bash
197
+ rm -rf node_modules/@randstad-uca/design-system package-lock.json
198
+ rm -rf .angular/cache
199
+ npm link @randstad-uca/design-system
200
+ ```
201
+
202
+ ---
203
+
204
+ ### 2. En la carpeta del **proyecto donde lo vas a usar**:
205
+ ```bash
206
+ cd ruta\de\mi-proyecto
207
+ npm link nombre-del-paquete
208
+ ```
209
+ Esto crea un enlace local apuntando al paquete linkeado globalmente.
210
+
211
+ ---
212
+
213
+ ## Notas importantes:
214
+ - `nombre-del-paquete` es el que está en el `package.json` (`"name": "nombre-del-paquete"`).
215
+ - Los cambios en tu paquete se reflejan automáticamente en el proyecto que lo usa.
216
+ - Si falla el `npm link` en Windows, **abrí la consola como Administrador**.
217
+
218
+ ---
219
+
220
+ ## ¿Cómo deshacer el `link`?
221
+
222
+ ### En el proyecto:
223
+ ```bash
224
+ npm unlink nombre-del-paquete
225
+ ```
226
+
227
+ ### Opcional: en el paquete:
228
+ ```bash
229
+ npm unlink
230
+ ```
231
+
232
+ ---
233
+
234
+
235
+
236
+