@dhasdk/simple-ui 1.0.66 → 1.0.68

package/README.md

@@ -53,6 +53,10 @@ Tooltip
 
 ## Changelog
 
+1.0.68 - added a **`classNameLabelText`** prop to **`RadioGroup`** that styles the text only portion of the radio item
+
+1.0.67 - corrected RadioGroup documentation re id type inside **`RadioOption`**
+
 1.0.66 - added **`inline`** prop to **`RadioGroup`**, allows for a flex-row layout of RadioGroup items as opposed to the default flex-column layout
 
 1.0.65 - changed **label** on **`Input`** component to a **`ReactNode`** type. Also updated **aria-label** 
@@ -1438,6 +1442,7 @@ Full list of props below
 | classNameContainer  | **`string`**  | Yes | **`undefined`**  | a group of alternate css classes that can be specified by the developer for use in the container (fieldset) element.  | 
 | classNameInput  | **`string`**  | Yes | see below  | a group of alternate css classes that can be specified by the developer for use in the input element of the component.  | 
 | classNameLabel  | **`string`**  | Yes | see below | a group of alternate css classes that can be specified by the developer for use in the label element of the component.  | 
+| classNameLabelText  | **`string`**  | Yes | **`ml-1`** | a group of alternate css classes that can be specified by the developer for use in the text portion of label inside the component.  | 
 | dataTestId | string | Yes | undefined | A **'data-testid'** value that is applied to the fieldset element that wraps RadioGroup for testing purposes |
 | inline | boolean | Yes | false | If **`true`**, the radio group is layed out in a flex-row instead of a flex-column. |
 | method | (id: string, value: string) => void  | Yes | undefined | A callback method that is called anytime a radio item is clicked on. The value **`method={(id, value) => console.log("id/value: " + id + "/" + value)}`** might print something like **id/value: 2/value-2** |
@@ -1469,9 +1474,9 @@ twMerge(
 
 ```ts
   export type RadioOption = {
+    id: string;
     label: string;
     value: string;
-    id: string;
     disabled?: boolean;
   };
 ```
@@ -1484,12 +1489,12 @@ Basic RadioGroup
 ```jsx
   const radioOptions: RadioOption[] = [
     {
-      id: 0,
+      id: '0',
       label: 'Option One',
       value:'some-value'
     },
     {
-      id: 1,
+      id: '1',
       label: 'Option Two',
       value: 'some-value2'
     }
@@ -1508,27 +1513,27 @@ RadioGroup w/ 5 options
   
   const fiveRadioOptions: RadioOption[] = [
     {
-      id: 0,
+      id: '0',
       label: 'Option One',
       value: 'some-value'
     },
     {
-      id: 1,
+      id: '1',
       label: 'Option Two',
       value: 'some-value2'
     },
     {
-      id: 2,
+      id: '2',
       label: 'Option Three',
       value: 'some-value3'
     },
     {
-      id: 3,
+      id: '3',
       label: 'Option Four',
       value: 'some-value4'
     },
     {
-      id: 4,
+      id: '4',
       label: 'Option Five',
       value: 'some-value5'
     },