@randstad-uca/design-system 1.0.50 → 1.0.52

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@randstad-uca/design-system",
-  "version": "1.0.50",
+  "version": "1.0.52",
   "main": "dist/index.js",
   "files": [
     "dist",

package/dist/stories/DatePicker.stories.d.ts

@@ -61,6 +61,9 @@ declare const _default: {
         helpLinkTooltipMessage: {
             control: string;
         };
+        labelColor: {
+            control: string;
+        };
     };
 };
 export default _default;
@@ -76,3 +79,4 @@ export declare const WithDateRange: StoryFn;
 export declare const WithHelp: StoryFn;
 export declare const WithHelpLink: StoryFn;
 export declare const WithHelpLinkAndTooltip: StoryFn;
+export declare const WithCustomLabelColor: StoryFn;

package/dist/stories/FormGroup.stories.d.ts

@@ -0,0 +1,71 @@
+import type { StoryFn } from '@storybook/web-components';
+import '../components/Form';
+import '../components/FormGroup';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+        };
+        rows: {
+            control: string;
+            description: string;
+        };
+        labelColor: {
+            control: string;
+            description: string;
+        };
+        errorMessage: {
+            control: string;
+            description: string;
+        };
+        helper: {
+            control: string;
+            description: string;
+        };
+        helperAlign: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+        };
+        required: {
+            control: string;
+            description: string;
+        };
+        optional: {
+            control: string;
+            description: string;
+        };
+        error: {
+            control: string;
+            description: string;
+        };
+        help: {
+            control: string;
+            description: string;
+        };
+        helpLink: {
+            control: string;
+            description: string;
+        };
+        helpLinkTooltipMessage: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: StoryFn;
+export declare const WithError: StoryFn;
+export declare const WithHelper: StoryFn;
+export declare const WithHelperAndAlign: StoryFn;
+export declare const RequiredFields: StoryFn;
+export declare const OptionalFields: StoryFn;
+export declare const HorizontalLayout: StoryFn;
+export declare const WithHelpTooltip: StoryFn;
+export declare const WithHelpLink: StoryFn;
+export declare const WithHelpLinkAndTooltip: StoryFn;

package/dist/stories/Modal.stories.d.ts

@@ -1,5 +1,6 @@
 import '../components/Modal';
 import '../components/Notice';
+import '../components/Button';
 declare const _default: {
     title: string;
     component: string;
@@ -13,6 +14,5 @@ export declare const ModalConScrollInternoSubtitle: () => import("lit-html").Tem
 export declare const ModalScrollEnBody: () => import("lit-html").TemplateResult<1>;
 export declare const ModalConNotice: () => import("lit-html").TemplateResult<1>;
 export declare const ModalConUnBoton: () => import("lit-html").TemplateResult<1>;
-export declare const ModalConDosBotones: () => import("lit-html").TemplateResult<1>;
-export declare const ModalConFooterPersonalizado: () => import("lit-html").TemplateResult<1>;
-export declare const ModalConWidthPersonalizado: () => import("lit-html").TemplateResult<1>;
+export declare const ModalConUnBotonDisabled: () => import("lit-html").TemplateResult<1>;
+export declare const ModalConDosBotonesLoader: () => import("lit-html").TemplateResult<1>;

package/dist/stories/UploadFile.stories.d.ts

@@ -64,6 +64,15 @@ declare const _default: {
                 disable: boolean;
             };
         };
+        simulatedDelay: {
+            control: {
+                type: string;
+                min: number;
+                step: number;
+            };
+            description: string;
+            defaultValue: number;
+        };
         help: {
             control: string;
         };
@@ -93,3 +102,5 @@ export declare const ErrorState: StoryFn;
 export declare const WithHelp: StoryFn;
 export declare const WithHelpLink: StoryFn;
 export declare const WithHelpLinkAndTooltip: StoryFn;
+export declare const InstantUpload: StoryFn;
+export declare const SlowUpload: StoryFn;

package/dist/styles/progress-bar-upload.d.ts

@@ -0,0 +1 @@
+export declare const progressBarUploadStyles: import("lit").CSSResult;

package/dist/styles/progress-bar-upload.ts

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+    
+export const progressBarUploadStyles = css`
+   .progress-bar-container {
+        min-height: 23px;
+        display: flex;
+        align-items: center;
+    }
+
+    .progress-bar {
+        min-width: 80px;
+        height: 8px;
+        background-color: var(--secondary-color-20);
+        border-radius: 999px;
+        overflow: hidden;
+    }
+
+    .progress-bar-fill {
+        height: 100%;
+        background-color: var(--primary-color);
+        transition: width 0.1s ease;
+    }
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@randstad-uca/design-system",
-  "version": "1.0.50",
+  "version": "1.0.52",
   "main": "dist/index.js",
   "files": [
     "dist",