@randstad-uca/design-system 1.0.18 → 1.0.20

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@randstad-uca/design-system",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "main": "dist/index.js",
   "files": [
     "dist"
@@ -42,10 +42,9 @@
     "webpack-cli": "^6.0.1"
   },
   "dependencies": {
-    "@material/web": "^2.2.0",
-    "@vaadin/vaadin-date-picker": "^23.5.12"
+    "@material/web": "^2.2.0"
   },
   "peerDependencies": {
-    "lit": "^3.2.1"
+    "lit": "^3.3.0"
   }
 }

package/dist/stories/Accordion.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryFn } from '@storybook/web-components';
+import '../components/Accordion';
+import '../components/AccordionList';
+declare const _default: Meta;
+export default _default;
+export declare const MobileList: StoryFn;

package/dist/stories/CarouselCards.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryFn } from '@storybook/web-components';
+import '../components/CarouselCards';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;

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

@@ -1,6 +1,11 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
 import '../components/Modal';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const ModalConScrollInterno: () => import("lit-html").TemplateResult<1>;
+export declare const ModalScrollEnBody: () => import("lit-html").TemplateResult<1>;

package/dist/stories/ProgressCircle.stories.d.ts

@@ -0,0 +1,5 @@
+import '../components/ProgressCircle';
+import type { Meta, StoryFn } from '@storybook/web-components';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;

package/dist/stories/Select.stories.d.ts

@@ -31,6 +31,14 @@ declare const _default: {
             control: string;
             description: string;
         };
+        screenWidth: {
+            control: string;
+            description: string;
+        };
+        error: {
+            control: string;
+            description: string;
+        };
         onOptionSelected: {
             action: string;
             description: string;
@@ -49,7 +57,46 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const Default: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithObjects: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithNoOptions: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithLabel: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -58,9 +105,11 @@ export declare const Default: ({ options, placeholder, defaultValue, disabled, l
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const WithObjects: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const NonFilterable: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -69,9 +118,11 @@ export declare const WithObjects: ({ options, placeholder, defaultValue, disable
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const WithNoOptions: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const Disabled: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -80,9 +131,11 @@ export declare const WithNoOptions: ({ options, placeholder, defaultValue, disab
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const WithLabel: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const WithDefaultObjectValue: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -91,9 +144,11 @@ export declare const WithLabel: ({ options, placeholder, defaultValue, disabled,
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const NonFilterable: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const NonFilterableBasic: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -102,9 +157,11 @@ export declare const NonFilterable: ({ options, placeholder, defaultValue, disab
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const Disabled: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const WithMaxLength: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -113,9 +170,11 @@ export declare const Disabled: ({ options, placeholder, defaultValue, disabled,
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const WithDefaultObjectValue: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const MobileModal: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -124,9 +183,11 @@ export declare const WithDefaultObjectValue: ({ options, placeholder, defaultVal
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const NonFilterableBasic: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const WithError: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -135,9 +196,11 @@ export declare const NonFilterableBasic: ({ options, placeholder, defaultValue,
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const WithMaxLength: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
+export declare const MobileWithError: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
     options: any;
     placeholder: any;
     defaultValue: any;
@@ -146,5 +209,7 @@ export declare const WithMaxLength: ({ options, placeholder, defaultValue, disab
     labelColor: any;
     filterable: any;
     maxLength: any;
+    screenWidth: any;
+    error: any;
     onOptionSelected: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/stories/Tabs.stories.d.ts

@@ -0,0 +1,14 @@
+import '../components/Tabs';
+declare const _default: {
+    title: string;
+    component: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: ({ tabs, selected }: {
+    tabs: any;
+    selected: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/stories/Upload.stories.d.ts

@@ -0,0 +1,8 @@
+import '../components/Upload.ts';
+declare const _default: {
+    title: string;
+    component: string;
+};
+export default _default;
+export declare const Default: () => import("lit-html").TemplateResult<1>;
+export declare const Disabled: () => import("lit-html").TemplateResult<1>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@randstad-uca/design-system",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "main": "dist/index.js",
   "files": [
     "dist"
@@ -42,10 +42,9 @@
     "webpack-cli": "^6.0.1"
   },
   "dependencies": {
-    "@material/web": "^2.2.0",
-    "@vaadin/vaadin-date-picker": "^23.5.12"
+    "@material/web": "^2.2.0"
   },
   "peerDependencies": {
-    "lit": "^3.2.1"
+    "lit": "^3.3.0"
   }
 }

package/dist/components/Datepicker.d.ts

@@ -1 +0,0 @@
-import '@vaadin/vaadin-date-picker';

package/dist/components/Progress.d.ts

@@ -1,11 +0,0 @@
-import { LitElement } from 'lit';
-import '@material/web/progress/circular-progress.js';
-export declare class MyCircularProgress extends LitElement {
-    steps: number;
-    currentStep: number;
-    size: string;
-    static styles: import("lit").CSSResult;
-    private getProgressValue;
-    render(): import("lit-html").TemplateResult<1>;
-    updated(changedProperties: Map<string, any>): void;
-}

package/dist/stories/Datepicker.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryFn } from '@storybook/web-components';
-import '@vaadin/vaadin-date-picker';
-declare const _default: Meta;
-export default _default;
-export declare const Default: StoryFn;
-export declare const Disabled: StoryFn;

package/dist/stories/Progress.stories.d.ts

@@ -1,15 +0,0 @@
-import { StoryFn, Meta } from '@storybook/web-components';
-import '../components/Progress';
-declare const _default: Meta;
-export default _default;
-interface CircularProgressArgs {
-    steps: number;
-    currentStep: number;
-    size: string;
-}
-export declare const HalfProgress: StoryFn<CircularProgressArgs>;
-export declare const Completed: StoryFn<CircularProgressArgs>;
-export declare const Initial: StoryFn<CircularProgressArgs>;
-export declare const Large: StoryFn<CircularProgressArgs>;
-export declare const Small: StoryFn<CircularProgressArgs>;
-export declare const LongText: StoryFn<CircularProgressArgs>;