@digigov/cli-lab 1.0.1 → 1.2.1

package/misc/react-core-components.js

@@ -0,0 +1,1424 @@
+const components = {
+ /*
+  "Layout": {
+    element: 'div',
+    classes: ['govgr-layout-wrapper'],
+    props: {
+
+    }
+  },
+  "Content": {
+    element: 'div',
+    classes: ['govgr-width-container'],
+    props: {
+
+    },
+    children: [
+      {
+        element: 'div',
+        classes: ['govgr-main-wrapper'],
+        props: {
+
+        },
+        children: [
+          {
+            element: 'children'
+          }
+        ]
+        
+      }
+    ]
+  },
+  "Main": {
+    element: 'div',
+    classes: ['govgr-grid-column-two-thirds'],
+    props: {
+
+    }
+  },
+  "Side": {
+    element: 'div',
+    classes: ['govgr-grid-column-one-third'],
+    props: {
+
+    }
+  },
+ 
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "Bottom": {
+    element: 'div',
+    classes: [],
+    props: {
+
+    }
+  },
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "Top": {
+    element: 'div',
+    classes: [],
+    props: {
+
+    }
+  },
+
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "PageTitle": {
+    element: 'div',
+    classes: [],
+    props: {
+
+    }
+  }, 
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "PageTitleSection": {
+    element: 'div',
+    classes: [],
+    props: {
+
+    }
+  },
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "PageTitleCaption": {
+    element: 'span',
+    classes: [
+    ],
+    props: {
+      size: {
+        values: {
+          xl: 'govgr-caption-xl',
+          l: 'govgr-caption-l',
+          m: 'govgr-caption-m',
+        }
+      }
+    }
+  },
+  // This component will replace PageTitleCaption
+  "HeadingCaption": {
+    element: 'span',
+    classes: [
+    ],
+    props: {
+      size: {
+        values: {
+          xl: 'govgr-caption-xl',
+          l: 'govgr-caption-l',
+          m: 'govgr-caption-m',
+        }
+      }
+    }
+  }, 
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "Caption": {
+    element: '',
+    classes: [],
+    props: {
+
+    }
+  },
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "PageTitleHeading": {
+    element: 'h1',
+    classes: [],
+    props: {
+      size: {
+        default: 'xl',
+        values: {
+          xl: 'govgr-heading-xl',
+          l: 'govgr-heading-l',
+          m: 'govgr-heading-m',
+          s: 'govgr-heading-s'
+        },
+      }
+    }
+  },
+  // This component will replace PageTitleCaption
+  "Heading": {
+    element: 'h1',
+    classes: [],
+    props: {
+      size: {
+        default: 'xl',
+        values: {
+          xl: 'govgr-heading-xl',
+          l: 'govgr-heading-l',
+          m: 'govgr-heading-m',
+          s: 'govgr-heading-s'
+        },
+      }
+    }
+  },
+  "NormalText": {
+    element: 'span',
+    classes: [],
+    props: {
+      variant: {
+        default: 'normal',
+        values: {
+          lead: 'govgr-body-l',
+          normal: 'govgr-body',
+          small: 'govgr-body-s'
+        }
+      },
+      fontSize: {
+        default: 19,
+        values: {
+          14: 'govgr-!-font-size-14',
+          16: 'govgr-!-font-size-16',
+          19: 'govgr-!-font-size-19',
+          24: 'govgr-!-font-size-24',
+          30: 'govgr-!-font-size-30',
+          36: 'govgr-!-font-size-36',
+          48: 'govgr-!-font-size-48',
+          72: 'govgr-!-font-size-72',
+        },
+      }
+    }
+  },
+  "Paragraph": {
+    element: 'p',
+    classes: [],
+    props: {
+      variant: {
+        default: 'normal',
+        values: {
+          lead: 'govgr-body-l',
+          normal: 'govgr-body',
+          small: 'govgr-body-s'
+        }
+      },
+      fontSize: {
+        values: {
+          14: 'govgr-!-font-size-14',
+          16: 'govgr-!-font-size-16',
+          19: 'govgr-!-font-size-19',
+          24: 'govgr-!-font-size-24',
+          30: 'govgr-!-font-size-30',
+          36: 'govgr-!-font-size-36',
+          48: 'govgr-!-font-size-48',
+          72: 'govgr-!-font-size-72',
+        }
+      }
+    }
+  },
+  "Hint": {
+    element: 'p',
+    classes: ['govgr-hint'],
+    props: {
+    }
+  },
+  "VisuallyHidden": {
+    element: 'span',
+    classes: ['govgr-visually-hidden'],
+    props: {
+    }
+  },
+  "Link": {
+    element: 'a',
+    classes: ['govgr-link'],
+    props: {
+      underline: {
+        type: 'boolean',
+        values: {
+          false: 'govgr-link--no-underline'
+        }
+      }
+    }
+  },
+  "List": {
+    element: 'ul',
+    classes: ['govgr-list'],
+    props: {
+      listStyle: {
+        values: {
+          bullet: 'govgr-list--bullet',
+          number: 'govgr-list--number'
+        },
+        spaced: {
+          type: 'boolean',
+          values: {
+            true: 'govgr-list--spaced'
+          }
+        }
+      }
+
+    }
+  },
+  "ListItem": {
+    element: 'li',
+    classes: ['govgr-list__item'],
+    props: {
+
+    }
+  }, 
+  "SectionBreak": {
+    element: 'h2',
+    classes: ["govgr-section-break"],
+    props: {
+      visible: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-section-break--visible'
+        },
+      },
+      size: {
+        values: {
+          xl: "govgr-section-break--xl",
+          lg: "govgr-section-break--l",
+          md: "govgr-section-break--m",
+        }
+      }
+    }
+  },
+  "ButtonGroup": {
+    element: 'div',
+    classes: ['govgr-button-group'],
+    props: {
+    }
+  },
+  "Button": {
+    element: 'button',
+    classes: ['govgr-btn'],
+    props: {
+      color: {
+        values: {
+          primary: 'govgr-btn-primary',
+          secondary: 'govgr-btn-secondary',
+          warning: 'govgr-btn-warning'
+        },
+        default: 'primary'
+      },
+      disabled: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-btn-disabled'
+        },
+        pass: true
+      }
+    }
+  },
+  "ButtonRightArrow": {
+    element: 'span',
+    classes: ['right-arrow'],
+    nochildren: true,
+    props: {
+    }
+  },
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "ButtonIcon": {
+    element: 'span',
+    classes: [],
+    props: {
+
+    }
+  },
+  "Header": {
+    element: 'header',
+    classes: ['govgr-header'],
+    props: {
+
+    }
+  },
+  "HeaderSection": {
+    element: 'div',
+    classes: ['govgr-header__container'],
+    props: {
+      role: {
+        default: 'banner',
+        pass: true
+      }
+    }
+  },
+  "HeaderLogo": {
+    element: 'img',
+    classes: ['govgr-header-logo'],
+    nochildren: true,
+    props: {
+      src: {
+        default: 'https://www.gov.gr/gov_gr_logo.svg',
+        pass: true
+      }
+    },
+  },
+  "HeaderSecondaryLogo": {
+    element: 'img',
+    classes: ['govgr-header-logo'],
+    props: {
+      src: {
+        default: '/',
+        pass: true
+      }
+    },
+  },
+  "HeaderTitle": {
+    element: 'a',
+    classes: ['govgr-header-title'],
+    props: {
+      href: {
+        default: '/',
+        pass: true
+      }
+    }
+  },
+  "HeaderSubtitle": {
+    element: 'div',
+    classes: [],
+    props: {
+
+    }
+  },
+  "Accordion": {
+    element: 'div',
+    classes: ['govgr-accordion'],
+    props: {
+
+    }
+  },
+  "AccordionSection": {
+    element: 'div',
+    classes: ['govgr-accordion__section'],
+    props: {
+      selected: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-accordion__section-open'
+        }
+      }
+    }
+  },
+  "AccordionSectionHeader": {
+    element: 'div',
+    classes: ['govgr-accordion__section-header'],
+    props: {
+    },
+    children: [
+      {
+        element: 'h2',
+        classes: ['govgr-accordion__section-heading'],
+        props: {
+        },
+        children: [
+          {
+            element: 'span',
+            classes: ['govgr-accordion__section-button'],
+            props: {
+            },
+            children: [
+              {
+                element: 'children'
+              }
+            ]
+          },
+        ]
+      }
+    ]
+  },
+  "AccordionSectionContent": {
+    element: 'div',
+    classes: ['govgr-accordion__section-content'],
+    props: {
+    }
+  },
+
+  "Blockquote": {
+    element: 'blockquote',
+    classes: ['govgr-blockquote'],
+    props: {
+
+    }
+  },
+  "Breadcrumbs": {
+    element: 'div',
+    classes: ['govgr-breadcrumbs'],
+    props: {
+
+    }
+  },
+  "BreadcrumbsList": {
+    element: 'ol',
+    classes: ['govgr-breadcrumbs__list'],
+    props: {
+
+    }
+  },
+  "BreadcrumbsListItem": {
+    element: 'li',
+    classes: ['govgr-breadcrumbs__list-item'],
+    props: {
+      href: {
+        default: '/',
+        pass: false
+      }
+    },
+    children: [
+      {
+        element: 'a',
+        classes: ['govgr-breadcrumbs__link'],
+        props: {
+          href: {
+            pass: true
+          }
+        },
+        children: [
+          {
+            element: 'children'
+          }
+        ]
+      }
+    ]
+  },
+  "BackLink": {
+    element: 'a',
+    classes: ['govgr-back-link'],
+    children: [
+      {
+        element: 'span',
+        classes: ['govgr-caret-left'],
+      },
+      {
+        element: 'children',
+      }
+    ],
+    props: {
+      href: {
+        default: '/',
+        pass: true
+      }
+    }
+  },
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  // TODO: This component does not exist in the current library @digigov/ui
+  "IconComponent": {
+    element: 'img',
+    classes: [],
+    props: {
+
+    }
+  },
+  "Confirmation": {
+    element: 'div',
+    classes: ['govgr-panel', 'govgr-panel--confirmation'],
+    props: {
+
+    }
+  },
+  "ConfirmationTitle": {
+    element: 'h1',
+    classes: ['govgr-panel__title'],
+    props: {
+
+    }
+  },
+  "ConfirmationBody": {
+    element: 'div',
+    classes: ['govgr-panel__body'],
+    props: {
+
+    }
+  },
+  "DetailsSummary": {
+    element: 'summary',
+    classes: ['govgr-details__summary'],
+    props: {
+
+    }
+  },
+  "DetailsContent": {
+    element: 'p',
+    classes: ['govgr-details__summary-text'],
+    props: {
+
+    }
+  },
+  "Details": {
+    element: 'details',
+    classes: ['govgr-details'],
+    props: {
+
+    }
+  },
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "AccordionDivider": {
+    element: 'div',
+    classes: [''],
+    props: {
+
+    }
+  },
+  "ErrorSummary": {
+    element: 'div',
+    classes: ['govgr-error-summary'],
+    props: {
+
+    }
+  },
+  "NavHorizontal": {
+    element: 'nav',
+    classes: ['govgr-horizontal-nav'],
+    props: {
+      active: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-horizontal-nav--active'
+        }
+      }
+    }
+  },
+  "NavHorizontalList": {
+    element: 'div',
+    classes: ['govgr-horizontal-nav__container'],
+    props: {
+
+    }
+  },
+  "NavHorizontalListItem": {
+    element: 'a',
+    classes: ['govgr-horizontal-nav__item'],
+    props: {
+      active: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-horizontal-nav__item-active',
+        }
+      },
+      href: {
+        default: '/',
+        pass:true
+      }
+    }
+  },
+  "BurgerIcon": {
+    element: 'div',
+    classes: ['govgr-burger-menu', 'govgr-burger-menu--white-bg'],
+    props: {
+      active: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-burger-menu--active'
+        }
+      }
+    },
+    children: [
+      {
+        element: 'div',
+        classes: ['govgr-burger-menu__line1'],
+        props: {
+        }
+      },
+      {
+        element: 'div',
+        classes: ['govgr-burger-menu__line2'],
+        props: {
+        }
+      },
+      {
+        element: 'div',
+        classes: ['govgr-burger-menu__line3'],
+        props: {
+        }
+      }
+    ]
+  },
+  "NavVertical": {
+    element: 'nav',
+    classes: ['govgr-vertical-nav'],
+    props: {
+
+    }
+  },
+  "NavVerticalItem": {
+    element: 'a',
+    classes: ['govgr-link', 'govgr-vertical-nav__item'],
+    props: {
+      active: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-vertical-nav__item--active',
+        }
+      }
+    }
+  },
+  "NotificationBanner": {
+    element: 'div',
+    classes: ['govgr-notification-banner'],
+    props: {
+      success: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-notification-banner--success'
+        },
+      }
+    }
+  },
+  "NotificationBannerHeader": {
+    element: 'div',
+    classes: ['govgr-notification-banner__header'],
+    children: [
+      {
+        element: 'h2',
+        classes: ['govgr-notification-banner__title'],
+        children: [
+          { element: 'children' }
+        ]
+      }
+    ],
+    props: {
+
+    }
+  },
+  "NotificationBannerContent": {
+    element: 'div',
+    classes: ['govgr-notification-banner__content'],
+    props: {
+
+    }
+  },
+  "NotificationBannerHeading": {
+    element: 'h3',
+    classes: ['govgr-notification-banner__heading'],
+    props: {
+
+    }
+  },
+  "NotificationBannerLink": {
+    element: 'a',
+    classes: ['govgr-notification-banner__link'],
+    props: {
+
+    }
+  },
+
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "ServiceBadge": {
+    element: 'div',
+    classes: ['govgr-phase-banner'],
+    props: {
+
+    }
+  },
+  // This component will replace ServiceBadge
+  "PhaseBanner": {
+    element: 'div',
+    classes: ['govgr-phase-banner'],
+    props: {
+      
+    },
+    children: [
+      {
+        element: 'p',
+        classes: ['govgr-phase-banner__content'],
+        props: {
+        },
+        children: [
+          {
+            element: 'children'
+          }
+        ]
+      }
+    ]
+  },
+  "PhaseBannerTag": {
+    element: 'strong',
+    classes: ['govgr-tag', 'govgr-phase-banner__content__tag'],
+    props: {
+
+    }
+  },
+
+  "PhaseBannerText": {
+    element: 'span',
+    classes: ['govgr-phase-banner__text'],
+    props: {
+
+    }
+  },
+  "SummaryList": {
+    element: 'dl',
+    classes: ['govgr-summary-list'],
+    props: {
+
+    }
+  },
+  "SummaryListItem": {
+    element: 'div',
+    classes: ['govgr-summary-list__row'],
+    props: {
+
+    }
+  },
+  "SummaryListItemKey": {
+    element: 'dt',
+    classes: ['govgr-summary-list__key'],
+    props: {
+
+    }
+  },
+  "SummaryListItemValue": {
+    element: 'dd',
+    classes: ['govgr-summary-list__value'],
+    props: {
+
+    }
+  },
+  "SummaryListItemAction": {
+    element: 'dd',
+    classes: ['govgr-summary-list__actions'],
+    props: {
+
+    }
+  },
+  "Tabs": {
+    element: 'div',
+    classes: ['govgr-tabs'],
+    props: {
+
+    }
+  },
+  "TabsHeading": {
+    element: 'h6',
+    classes: ['govgr-tabs__title'],
+    props: {
+      size: {
+        default: 's',
+        values: {
+          m: 'govgr-heading-m',
+          s: 'govgr-heading-s'
+        },
+
+      }
+    }
+  },
+  "TabList": {
+    element: 'ul',
+    classes: ['govgr-tabs__list'],
+    props: {}
+  },
+  "TabListItem": {
+    element: 'li',
+    classes: ['govgr-tabs__list-item'],
+    props: {
+      selected: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-tabs__list-item-selected',
+        },
+        default: false
+      },
+      href: {
+        default: '/',
+        pass: false
+      },
+    },
+    children: [
+      {
+        element: 'a',
+        classes: ['govgr-tabs__tab'],
+        props: {
+          href: {
+            pass: true
+          },
+        },
+        children: [
+          {
+            element: 'children'
+          }
+        ]
+      }
+      ]
+  },
+  "TabPanel": {
+    element: 'div',
+    classes: ['govgr-tabs__panel'],
+    props: {
+      active: {
+        default: false,
+        type: 'boolean',
+        values: {
+          true: 'govgr-tabs__panel-visible',
+        }
+      },
+    }
+  },
+  "Copyright": {
+    element: 'p',
+    classes: ['govgr-footer__licence-description'],
+    props: {
+      
+    }
+  },
+  "HellenicRepublicLogo": {
+    element: 'img',
+    classes: ['govgr-footer__government-logo'],
+    nochildren: true,
+    props: {
+      src: {
+        default: 'https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png',
+        pass: true
+      }
+
+    }
+  },
+  // The following component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
+  "GovGRFooter": {
+    element: 'footer',
+    classes: ['govgr-footer'],
+    props: {
+
+    }
+  },
+  // This component will replace the GovGRFooter
+  "Footer": {
+    element: 'footer',
+    classes: ['govgr-footer'],
+    props: {
+
+    }
+  },
+  "FooterContainer": {
+    element: 'div',
+    classes: ['govgr-width-container'],
+    props: {
+
+    }
+  },
+  "FooterNavigation": {
+    element: 'div',
+    classes: ['govgr-footer__navigation'],
+    props: {
+
+    }
+  },
+  "FooterSection": {
+    element: 'div',
+    classes: ['govgr-footer__section'],
+    props: {
+
+    }
+  },
+  "FooterMeta": {
+    element: 'div',
+    classes: ['govgr-footer__meta'],
+    props: {
+
+    }
+  },
+  "FooterMetaItem": {
+    element: 'div',
+    classes: ['govgr-footer__meta-item'],
+    props: {
+      grow: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-footer__meta-item--grow'
+        }
+      }
+    }
+  },
+  "FooterContent": {
+    element: 'div',
+    classes: ['govgr-footer__content'],
+    props: {
+    }
+  },
+  "FooterHeading": {
+    element: 'h2',
+    classes: ['govgr-footer__heading'],
+    props: {
+      size: {
+        values: {
+          m: 'govgr-heading-m',
+          s: 'govgr-heading-s'
+        },
+        default: 's'
+      }
+    }
+  },
+  "FooterList": {
+    element: 'ul',
+    classes: ['govgr-footer__list'],
+    props: {
+      columns: {
+        type: 'number',
+        values: {
+          2: "govgr-footer__list--columns-2"
+        }
+      }
+    }
+  },
+  "FooterListItem": {
+    element: 'li',
+    classes: ['govgr-footer__list-item'],
+    props: {
+    },
+  },
+  "FooterLink": {
+    element: 'a',
+    classes: ['govgr-footer__link'],
+    props: {
+      href: {
+        default: '/',
+        pass: true
+      },
+    }
+  },
+  "FooterInlineList": {
+    element: 'ul',
+    classes: ['govgr-footer__inline-list'],
+    props: {
+
+    }
+  },
+ "FooterInlineListItem": {
+   element: 'li',
+   classes: ['govgr-footer__inline-list-item'],
+   props: {
+
+   }
+ },
+  "FooterContentLogos": {
+    element: 'div',
+    classes: ['govgr-footer__content--logos'],
+    props: {
+
+    }
+  },
+  "FooterImage": {
+    element: 'img',
+    classes: ['govgr-footer__logo'],
+    nochildren: true,
+    props: {
+
+    }
+  },
+  "Feedback": {
+    element: '',
+    classes: [],
+    props: {
+
+    }
+  },
+  "LicenseCCSA": {
+    element: '',
+    classes: [],
+    props: {
+
+    }
+  },
+  "GovGRLogo": {
+    element: 'img',
+    classes: ['govgr-header-logo'],
+    nochildren: true,
+    props: {
+      src: {
+        default: 'https://www.gov.gr/gov_gr_logo.svg',
+        pass: true
+      }
+    },
+  },
+
+  "Masthead": {
+    element: 'div',
+    classes: ['govgr-masthead', 'govgr-background-dark'],
+    props: {
+    },
+    children: [
+      {
+        element: 'div',
+        classes: ['govgr-width-container'],
+        props: {
+        },
+        children: [
+          {
+            element: 'div',
+            classes: ['govgr-main-wrapper'],
+            props: {
+            },
+            children: [
+              {
+                element: 'children'
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "MastheadBody": {
+    element: 'p',
+    classes: ['govgr-masthead-body'],
+    props: {
+
+    }
+  },
+  "WarningText": {
+    element: 'div',
+    classes: ['govgr-warning-text'],
+    children: [
+      {
+        element: 'span',
+        classes: ['govgr-warning-text__icon'],
+        children: [
+          { text: '!' }
+        ],
+      },
+      {
+        element: 'strong',
+        classes: ['govgr-warning-text__text'],
+        children: [
+          {
+            element: 'span',
+            classes: ['govgr-warning-text__assistive'],
+            children: [
+              { text: 'Warning' }
+            ]
+          },
+          {
+            element: 'children',
+          }
+        ]
+
+      }
+    ],
+    props: {
+
+    }
+  },
+  "FormGroup": {
+    element: 'div',
+    classes: ['govgr-form-group'],
+    props: {
+      error: {
+        type: 'boolean',
+        values: {
+          true: 'govgr-form-group__error'
+        }
+      }
+
+    }
+  },
+  "Fieldset": {
+    element: 'fieldset',
+    classes: ['govgr-fieldset'],
+    props: {
+
+    }
+  },
+  "FieldsetLegendSingle": {
+    element: 'h1',
+    classes: ['govgr-heading-m', 'govgr-fieldset__legend'],
+    props: {
+
+    },
+    children: [
+      {
+        element: 'label',
+        classes: [''],
+        props: {
+
+        },
+        children: [
+          { element: 'children' }
+        ]
+      }
+    ]
+  },
+  "FieldsetLegendMultiple": {
+    element: 'h4',
+    classes: ['govgr-heading-s', 'govgr-fieldset__legend'],
+    props: {
+
+    }
+  },
+  "Label": {
+    element: 'label',
+    classes: ['govgr-label'],
+    props: {
+
+    }
+  },
+  "ErrorMessage": {
+    element: 'p',
+    classes: ['govgr-error-message'],
+    props: {
+
+    }
+  },
+  "TextInput": {
+    element: 'input',
+    classes: ['govgr-input'],
+    props: {
+      type: {
+        default: 'text',
+        pass: true
+      },
+      name: {
+        default: '',
+        pass: true
+      },
+      characterWidth: {
+        values: {
+          2: 'govgr-input--width-2',
+          3: 'govgr-input--width-3',
+          4: 'govgr-input--width-4',
+          5: 'govgr-input--width-5',
+          10: 'govgr-input--width-10',
+          20: 'govgr-input--width-20',
+        }
+      },
+      width: {
+        values: {
+          'one-quarter': 'govgr-!-width-one-quarter',
+          'one-third': 'govgr-!-width-one-third',
+          'one-half': 'govgr-!-width-one-half',
+          'two-thirds': 'govgr-!-width-two-thirds',
+          'three-quarters': 'govgr-!-width-three-quarters',
+          'full': 'govgr-!-width-full'
+        }
+      }
+    }
+  },
+  "TextArea": {
+    element: 'textarea',
+    classes: ['govgr-textarea'],
+    props: {
+      name: {
+        default: '',
+        pass: true
+      },
+      row: {
+        values: {
+          4: '4',
+          5: '5',
+          6: '6',
+          7: '7',
+          8: '8',
+        },
+        default: 6
+      }
+    }
+  },
+  "DateInput": {
+    element: 'div',
+    classes: ['govgr-date-input'],
+    props: {
+    },
+  },
+  "DateInputItem": {
+    element: 'div',
+    classes: ['govgr-date-input__item'],
+    props: {
+      type: {
+        default: 'text',
+        pass: false
+      },
+      pattern: {
+        default: '[0-9]*',
+        pass: false
+      },
+      inputMode: {
+        default: 'numeric',
+        values: {
+          numeric: '',
+        },
+        pass: false
+      },
+      name: {
+        default: '',
+        pass: false
+      }
+    },
+    children: [
+      {
+        element: 'label',
+        classes: ['govgr-label'],
+        props: {
+
+        },
+        children: [{
+          element: 'children'
+        }]
+      },
+      {
+        element: 'input',
+        classes: ['govgr-input', 'govgr-input--width-2'],
+        props: {
+          type: {
+            pass: true
+          },
+          pattern: {
+            pass: true
+          },
+          inputMode: {
+            pass: true
+          },
+          name: {
+            pass: true
+          }
+        }
+      }
+    ]
+  },
+
+  "Checkbox": {
+    element: 'div',
+    classes: ['govgr-checkboxes'],
+    props: {
+
+    }
+  },
+  "CheckboxItem": {
+    element: 'div',
+    classes: ['govgr-checkboxes__item'],
+    props: {
+      type: {
+        default: 'checkbox',
+        pass: false
+      },
+      name: {
+        default: '',
+        pass: false
+      },
+      value: {
+        default: '',
+        pass: false
+      }
+
+    },
+    children: [
+      {
+        element: 'input',
+        classes: ['govgr-checkboxes__input'],
+        props: {
+          type: {
+            pass: true
+          },
+          name: {
+            pass: true
+          },
+          value: {
+            pass: true
+          }
+        }
+      },
+      {
+        element: 'label',
+        classes: ['govgr-label govgr-checkboxes__label'],
+        props: {
+
+        },
+        children: [
+          { element: 'children' }
+        ]
+      }
+    ]
+  },
+  "Radio": {
+    element: 'div',
+    classes: ['govgr-radios'],
+    props: {
+
+    }
+  },
+  "RadioItem": {
+    element: 'div',
+    classes: ['govgr-radios__item'],
+    props: {
+      type: {
+        default: 'radio',
+        pass: false
+      },
+      name: {
+        default: '',
+        pass: false
+      },
+      value: {
+        default: '',
+        pass: false
+      }
+
+    },
+    children: [
+      {
+        element: 'input',
+        classes: ['govgr-radios__input'],
+        props: {
+          type: {
+            pass: true
+          },
+          name: {
+            pass: true
+          },
+          value: {
+            pass: true
+          }
+        }
+      },
+      {
+        element: 'label',
+        classes: ['govgr-label govgr-radios__label'],
+        props: {
+
+        },
+        children: [
+          { element: 'children' }
+        ]
+      }
+    ]
+  },
+  "Select": {
+    element: 'select',
+    classes: ['govgr-select'],
+    props: {
+      name: {
+        pass: true
+      },
+      defaultValue: {
+        pass: true
+      }
+    }
+  },
+  "SelectOption": {
+    element: 'option',
+    classes: [],
+    props: {
+      value: {
+        pass: true
+      }
+    }
+  },
+   "FileUpload": {
+     element: 'div',
+     classes: ['upload-file'],
+     props: {
+       type: {
+         values: {
+           file: ''
+         },
+         default: 'file',
+         pass: false
+       },
+       name: {
+         pass: false
+       }
+
+     },
+     nochildren: true,
+     children: [
+       {
+         element: 'input',
+         classes: ['input-file', 'secondary-label'],
+         props: {
+           type: {
+             pass: true
+           },
+           name: {
+             pass: true
+           }
+         },
+         nochildren: true
+       }
+     ]
+   }
+   */
+};
+module.exports = components
+