@ptcwebops/ptcw-design 4.3.3 → 4.3.5

package/dist/collection/stories/FormRadioButton.stories.js

@@ -0,0 +1,37 @@
+import { html } from 'lit';
+
+export default {
+    title: 'Atoms/ptc-form-radio-button',
+    tags: [ 'autodocs' ],
+    argTypes: {
+        name: {
+            control: 'text',
+            description: 'Name identifier for the radio button',
+            defaultValue: { summary: '' }
+        },
+        isDisabled: {
+            control: 'boolean',
+            description: 'Is radio button disabled by default',
+            defaultValue: { summary: false }
+        },
+        isChecked: {
+            control: 'boolean',
+            description: 'Is radio button checked by default',
+            defaultValue: { summary: false }
+        },
+    }
+};
+
+const Template = args => { return html `<ptc-form-radio-button
+	name=${args.name}
+	is-checked=${args.isChecked}
+	is-disabled=${args.isDisabled}
+>Radio Button</ptc-form-radio-button>`;}
+
+export const Example = Template.bind({});
+
+Example.args = {
+    name: 'radio-button',
+    isChecked: false,
+    isDisabled: false
+}

package/dist/custom-elements/index.d.ts

@@ -338,6 +338,18 @@ export const PtcFormCheckbox: {
   new (): PtcFormCheckbox;
 };
 
+interface PtcFormRadioButton extends Components.PtcFormRadioButton, HTMLElement {}
+export const PtcFormRadioButton: {
+  prototype: PtcFormRadioButton;
+  new (): PtcFormRadioButton;
+};
+
+interface PtcFormRadioGroup extends Components.PtcFormRadioGroup, HTMLElement {}
+export const PtcFormRadioGroup: {
+  prototype: PtcFormRadioGroup;
+  new (): PtcFormRadioGroup;
+};
+
 interface PtcHero extends Components.PtcHero, HTMLElement {}
 export const PtcHero: {
   prototype: PtcHero;