Remove rule and nobreak args from checklist/radiolist stories to simp…

…lify them.
US-CBP · Dec 19, 2024 · a9a0afd · a9a0afd
1 parent a89d7f5
commit a9a0afd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/packages/web-components/src/components/cbp-checkbox/cbp-checklist.stories.tsx b/packages/web-components/src/components/cbp-checkbox/cbp-checklist.stories.tsx
@@ -139,7 +139,7 @@ ChecklistHorizontal.args = {
 
 
 
-const ChecklistMultiColumnTemplate = ({ checkboxes, gap, columns, width, rule, nobreak, label, description, fieldId, group, error, context, sx }) => {
+const ChecklistMultiColumnTemplate = ({ checkboxes, gap, columns, width, label, description, fieldId, group, error, context, sx }) => {
   return ` 
     <cbp-form-field
       ${label ? `label="${label}"` : ''}
@@ -150,12 +150,10 @@ const ChecklistMultiColumnTemplate = ({ checkboxes, gap, columns, width, rule, n
       ${context && context != 'light-inverts' ? `context=${context}` : ''}
       ${sx ? `sx=${JSON.stringify(sx)}` : ''}
     >
-      <cbp-multicol
+      <cbp-multicol nobreak
         ${gap ? `gap="${gap}"` : ''}
         ${columns ? `columns="${columns}"` : ''}
         ${width ? `width="${width}"` : ''}
-        ${rule ? `rule="${rule}"` : ''}
-        ${nobreak ? `nobreak="${nobreak}"` : ''}
       >
         ${generateCheckboxes(context, checkboxes)}
       </cbp-multicol>
@@ -168,8 +166,6 @@ ChecklistMultiColumn.args = {
   gap: 'var(--cbp-space-4x)',
   columns: '3',
   width: '10rem',
-  rule: '',
-  nobreak: true,
   checkboxes: [
     {
       label: "Checkbox 1",

diff --git a/packages/web-components/src/components/cbp-radio/cbp-radiolist.stories.tsx b/packages/web-components/src/components/cbp-radio/cbp-radiolist.stories.tsx
@@ -139,7 +139,7 @@ RadioListHorizontal.args = {
 
 
 
-const RadioListMultiColumnTemplate = ({ radios, gap, columns, width, rule, nobreak, label, description, fieldId, group, error, context, sx }) => {
+const RadioListMultiColumnTemplate = ({ radios, gap, columns, width, label, description, fieldId, group, error, context, sx }) => {
   return ` 
     <cbp-form-field
       ${label ? `label="${label}"` : ''}
@@ -150,12 +150,10 @@ const RadioListMultiColumnTemplate = ({ radios, gap, columns, width, rule, nobre
       ${context && context != 'light-inverts' ? `context=${context}` : ''}
       ${sx ? `sx=${JSON.stringify(sx)}` : ''}
     >
-      <cbp-multicol
+      <cbp-multicol nobreak
         ${gap ? `gap="${gap}"` : ''}
         ${columns ? `columns="${columns}"` : ''}
         ${width ? `width="${width}"` : ''}
-        ${rule ? `rule="${rule}"` : ''}
-        ${nobreak ? `nobreak="${nobreak}"` : ''}
       >
         ${generateRadios(context, radios)}
       </cbp-multicol>
@@ -168,8 +166,6 @@ RadioListMultiColumn.args = {
   gap: 'var(--cbp-space-4x)',
   columns: '3',
   width: '6rem',
-  rule: '',
-  nobreak: true,
   radios: [
     {
       label: "Radio 1",