From cb8b0cb3cad7c0bff28d0e81078a05eaa3bc3d57 Mon Sep 17 00:00:00 2001
From: stovein <talha.dogrul@outlook.com>
Date: Mon, 15 May 2023 19:30:24 +0300
Subject: [PATCH 1/2] fix(input): add pattern mismatch to validity states

---
 src/utilities/form-control.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/utilities/form-control.ts b/src/utilities/form-control.ts
index f0b4b5da..f9d67453 100644
--- a/src/utilities/form-control.ts
+++ b/src/utilities/form-control.ts
@@ -9,6 +9,7 @@ const validityStates: Array<keyof ValidityState> = [
   'rangeOverflow',
   'stepMismatch',
   'badInput',
+  'patternMismatch',
   'customError',
 ];
 

From 3c3685a0faeaae87a4b11fe3e145f327004cbd15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Murat=20=C3=87orlu?=
 <127687+muratcorlu@users.noreply.github.com>
Date: Mon, 22 May 2023 09:35:45 +0000
Subject: [PATCH 2/2] docs(input): add pattern to story params

---
 src/components/input/bl-input.stories.mdx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/input/bl-input.stories.mdx b/src/components/input/bl-input.stories.mdx
index 8887f184..54f8fd9e 100644
--- a/src/components/input/bl-input.stories.mdx
+++ b/src/components/input/bl-input.stories.mdx
@@ -49,6 +49,10 @@ import { extraPadding } from '../../utilities/chromatic-decorators';
       control: 'text',
       type: 'number'
     },
+    pattern: {
+      control: 'text',
+      type: 'string'
+    },
     step: {
       control: 'text',
       type: 'number'
@@ -93,6 +97,7 @@ export const SingleInputTemplate = (args) => html`<bl-input
     maxlength='${ifDefined(args.maxlength)}'
     min='${ifDefined(args.min)}'
     max='${ifDefined(args.max)}'
+    pattern='${ifDefined(args.pattern)}'
     step='${ifDefined(args.step)}'
     icon='${ifDefined(args.icon)}'
     size='${ifDefined(args.size)}'