@randstad-uca/design-system 1.0.3 → 1.0.5

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,6 +1,6 @@
1
1
  {
2
2
  "name": "@randstad-uca/design-system",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "main": "dist/index.js",
5
5
  "files": ["dist"],
6
6
  "scripts": {
@@ -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;
@@ -1,7 +1,19 @@
1
- import type { Meta, StoryObj } from '@storybook/web-components';
1
+ import { Meta, StoryObj } from '@storybook/web-components';
2
2
  import '../components/Modal';
3
- declare const meta: Meta;
3
+ type CustomModalArgs = {
4
+ open: boolean;
5
+ type: 'default' | 'yesno';
6
+ title: string;
7
+ description: string;
8
+ width: string;
9
+ buttonText: string;
10
+ confirmText: string;
11
+ cancelText: string;
12
+ slotContent?: any;
13
+ };
14
+ declare const meta: Meta<CustomModalArgs>;
4
15
  export default meta;
5
- type Story = StoryObj;
6
- export declare const Default: Story;
7
- export declare const YesNo: Story;
16
+ export declare const Default: StoryObj<CustomModalArgs>;
17
+ export declare const YesNo: StoryObj<CustomModalArgs>;
18
+ export declare const WithForm: StoryObj<CustomModalArgs>;
19
+ export declare const Closed: StoryObj<CustomModalArgs>;
@@ -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,6 +1,6 @@
1
1
  {
2
2
  "name": "@randstad-uca/design-system",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "main": "dist/index.js",
5
5
  "files": ["dist"],
6
6
  "scripts": {
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,54 @@ 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
+
189
+ ### 2. En la carpeta del **proyecto donde lo vas a usar**:
190
+ ```bash
191
+ cd ruta\de\mi-proyecto
192
+ npm link nombre-del-paquete
193
+ ```
194
+ Esto crea un enlace local apuntando al paquete linkeado globalmente.
195
+
196
+ ---
197
+
198
+ ## Notas importantes:
199
+ - `nombre-del-paquete` es el que está en el `package.json` (`"name": "nombre-del-paquete"`).
200
+ - Los cambios en tu paquete se reflejan automáticamente en el proyecto que lo usa.
201
+ - Si falla el `npm link` en Windows, **abrí la consola como Administrador**.
202
+
203
+ ---
204
+
205
+ ## ¿Cómo deshacer el `link`?
206
+
207
+ ### En el proyecto:
208
+ ```bash
209
+ npm unlink nombre-del-paquete
210
+ ```
211
+
212
+ ### Opcional: en el paquete:
213
+ ```bash
214
+ npm unlink
215
+ ```
216
+
217
+ ---
218
+
219
+
220
+
221
+