fix(text-field)!: rename prop input to input-disabled to avoid co…

…nflict with lp
kelvininc · May 10, 2024 · 4ae3316 · 4ae3316
1 parent 60732f8
commit 4ae3316
Show file tree

Hide file tree

Showing 36 changed files with 228 additions and 174 deletions.
diff --git a/...ui-components/src/components/SchemaForm/Templates/BaseInputTemplate/BaseInputTemplate.tsx b/...ui-components/src/components/SchemaForm/Templates/BaseInputTemplate/BaseInputTemplate.tsx
@@ -43,7 +43,7 @@ const BaseInputTemplate = <T, S extends StrictRJSFSchema = RJSFSchema, F extends
 				id={id}
 				size={optionComponentSize ?? componentSize}
 				examples={examples}
-				disabled={disabled || readonly}
+				inputDisabled={disabled || readonly}
 				readonly={readonly}
 				maxLength={schema.maxLength ?? maxLength}
 				minLength={schema.minLength ?? minLength}

diff --git a/...src/components/SchemaForm/Templates/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx b/...src/components/SchemaForm/Templates/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
@@ -30,7 +30,7 @@ const WrapIfAdditionalTemplate = <T, S extends StrictRJSFSchema = RJSFSchema, F
 				<KvTextField
 					id={`${id}-key`}
 					label={keyLabel}
-					disabled={disabled || readonly}
+					inputDisabled={disabled || readonly}
 					required={required}
 					type={EInputFieldType.Text}
 					value={label}

diff --git a/packages/ui-components/src/components/absolute-time-picker-dropdown/readme.md b/packages/ui-components/src/components/absolute-time-picker-dropdown/readme.md
diff --git a/packages/ui-components/src/components/advanced-date-select-dropdown/readme.md b/packages/ui-components/src/components/advanced-date-select-dropdown/readme.md
diff --git a/packages/ui-components/src/components/badge/readme.md b/packages/ui-components/src/components/badge/readme.md
@@ -73,19 +73,33 @@ export const BadgeExample: React.FC = () => (
 | Name                               | Description                                     |
 | ---------------------------------- | ----------------------------------------------- |
 | `--badge-background-color-error`   | Badge's background color when state is error.   |
+| `--badge-background-color-error`   | Badge's background color when state is error.   |
+| `--badge-background-color-info`    | Badge's background color when state is info.    |
 | `--badge-background-color-info`    | Badge's background color when state is info.    |
 | `--badge-background-color-none`    | Badge's background color when state is none.    |
+| `--badge-background-color-none`    | Badge's background color when state is none.    |
+| `--badge-background-color-success` | Badge's background color when state is success. |
 | `--badge-background-color-success` | Badge's background color when state is success. |
 | `--badge-background-color-warning` | Badge's background color when state is warning. |
+| `--badge-background-color-warning` | Badge's background color when state is warning. |
+| `--badge-height`                   | Badge's height.                                 |
 | `--badge-height`                   | Badge's height.                                 |
 | `--badge-max-width`                | Badge's maximum width.                          |
+| `--badge-max-width`                | Badge's maximum width.                          |
 | `--badge-min-width`                | Badge's minimum width.                          |
+| `--badge-min-width`                | Badge's minimum width.                          |
+| `--badge-text-color-error`         | Badge's text color when state is error.         |
 | `--badge-text-color-error`         | Badge's text color when state is error.         |
 | `--badge-text-color-info`          | Badge's text color when state is info.          |
+| `--badge-text-color-info`          | Badge's text color when state is info.          |
+| `--badge-text-color-none`          | Badge's text color when state is none.          |
 | `--badge-text-color-none`          | Badge's text color when state is none.          |
 | `--badge-text-color-success`       | Badge's text color when state is success.       |
+| `--badge-text-color-success`       | Badge's text color when state is success.       |
+| `--badge-text-color-warning`       | Badge's text color when state is warning.       |
 | `--badge-text-color-warning`       | Badge's text color when state is warning.       |
 | `--badge-warning-text-color`       | Badge's text color when state is warning.       |
+| `--badge-warning-text-color`       | Badge's text color when state is warning.       |
 
 
 ## Dependencies

diff --git a/packages/ui-components/src/components/calendar-day/readme.md b/packages/ui-components/src/components/calendar-day/readme.md
@@ -81,19 +81,33 @@ export const KvCalendarDayExample: React.FC = () => (
 | Name                                           | Description                                                   |
 | ---------------------------------------------- | ------------------------------------------------------------- |
 | `--calendar-day-background-color-active`       | Background color when state is active.                        |
+| `--calendar-day-background-color-active`       | Background color when state is active.                        |
+| `--calendar-day-background-color-active-hover` | Background color when state is active and cursor is on hover. |
 | `--calendar-day-background-color-active-hover` | Background color when state is active and cursor is on hover. |
 | `--calendar-day-background-color-default`      | Background color when state is default.                       |
+| `--calendar-day-background-color-default`      | Background color when state is default.                       |
+| `--calendar-day-background-color-disabled`     | Background color when state is disabled.                      |
 | `--calendar-day-background-color-disabled`     | Background color when state is disabled.                      |
 | `--calendar-day-background-color-hover`        | Background color when state is hover.                         |
+| `--calendar-day-background-color-hover`        | Background color when state is hover.                         |
+| `--calendar-day-background-color-in-range`     | Background color when state is in range.                      |
 | `--calendar-day-background-color-in-range`     | Background color when state is in range.                      |
 | `--calendar-day-height`                        | The calendar container height.                                |
+| `--calendar-day-height`                        | The calendar container height.                                |
 | `--calendar-day-text-color-active`             | Text color when state is active.                              |
+| `--calendar-day-text-color-active`             | Text color when state is active.                              |
+| `--calendar-day-text-color-active-hover`       | Text color when state is active and cursor is on hover.       |
 | `--calendar-day-text-color-active-hover`       | Text color when state is active and cursor is on hover.       |
 | `--calendar-day-text-color-default`            | Text color when state is default.                             |
+| `--calendar-day-text-color-default`            | Text color when state is default.                             |
+| `--calendar-day-text-color-disabled`           | Text color when state is disabled.                            |
 | `--calendar-day-text-color-disabled`           | Text color when state is disabled.                            |
 | `--calendar-day-text-color-hover`              | Text color when state is hover.                               |
+| `--calendar-day-text-color-hover`              | Text color when state is hover.                               |
+| `--calendar-day-text-color-in-range`           | Text color when state is in-range.                            |
 | `--calendar-day-text-color-in-range`           | Text color when state is in-range.                            |
 | `--calendar-day-width`                         | The calendar container width.                                 |
+| `--calendar-day-width`                         | The calendar container width.                                 |
 
 
 ## Dependencies

diff --git a/packages/ui-components/src/components/calendar/readme.md b/packages/ui-components/src/components/calendar/readme.md
@@ -69,11 +69,17 @@ export const KvCalendarExample: React.FC = () => (
 | Name                                  | Description                                |
 | ------------------------------------- | ------------------------------------------ |
 | `--calendar-background-color`         | The calendar background color.             |
+| `--calendar-background-color`         | The calendar background color.             |
+| `--calendar-horizontal-padding`       | The calendar container horizontal padding. |
 | `--calendar-horizontal-padding`       | The calendar container horizontal padding. |
 | `--calendar-month-title-text-color`   | The calendar month text color.             |
+| `--calendar-month-title-text-color`   | The calendar month text color.             |
 | `--calendar-month-weekday-text-color` | The calendar week day text color.          |
+| `--calendar-month-weekday-text-color` | The calendar week day text color.          |
+| `--calendar-vertical-padding`         | The calendar container vertical padding.   |
 | `--calendar-vertical-padding`         | The calendar container vertical padding.   |
 | `--calendar-width`                    | The calendar container width.              |
+| `--calendar-width`                    | The calendar container width.              |
 
 
 ## Dependencies