@randstad-uca/design-system 1.0.4 → 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/components/Checkbox.d.ts +1 -0
- package/dist/components/Select.d.ts +1 -1
- package/dist/index.js +70 -32
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/stories/Form.stories.d.ts +1 -1
- package/dist/stories/Modal.stories.d.ts +17 -5
- package/dist/stories/Popup.stories.d.ts +1 -4
- package/dist/stories/Select.stories.d.ts +10 -0
- package/package.json +1 -1
- package/readme.md +52 -1
package/dist/package.json
CHANGED
|
@@ -1,7 +1,19 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/web-components';
|
|
2
2
|
import '../components/Modal';
|
|
3
|
-
|
|
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
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
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
|
|
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
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, `@
|
|
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
|
+
|