@pnx-mixtape/ids-shape 0.0.9 → 0.0.11

package/index.ts

@@ -101,6 +101,30 @@ export type Media = {
   align?: MediaAlignmentTypes
 }
 
+export type InlineSvg = {
+  className?: string
+  height?: string
+  width?: string
+  viewBox?: string
+  content?: string
+  title?: string
+}
+
+export type LinkedImage = {
+  image: Image | InlineSvg
+  href: string
+}
+
+export type FormItem = {
+  id: string
+  label: string
+  fields?: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | (HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement)[]
+  status?: "default" | "valid" | "invalid"
+  description?: string
+  error?: string
+  as?: "div" | "fieldset"
+}
+
 export type FormControl = {
   id: string
   name: string
@@ -109,6 +133,12 @@ export type FormControl = {
   checked?: boolean
 }
 
+export type Form = {
+  action: string
+  items: FormItem | FormItem[]
+  actions?: Button | Button[]
+}
+
 export type WysiwygText = HTMLElement[] // just an example.
 
 /**
@@ -121,30 +151,6 @@ export type WayfindingBlock = {
   link?: Link | Button
 }
 
-/**
- * Layout.
- */
-
-export type GridItem = {
-  item: string | HTMLElement
-  container?: boolean
-  modifiers?: GridModifiers[]
-  as?: AsTypes
-}
-
-export type Grid = {
-  items: GridItem[]
-  modifiers?: GridModifiers[]
-  as?: SectionTypes
-}
-
-export type Section = WayfindingBlock & {
-  background?: string
-  container?: boolean
-  as?: SectionTypes
-  modifiers?: SectionModifiers[]
-}
-
 /**
  * Navigation.
  */
@@ -184,6 +190,52 @@ export type SideNavigation = Navigation & {
   parent: Link
 }
 
+/**
+ * Layout.
+ */
+
+export type GridItem = {
+  item: string | HTMLElement
+  container?: boolean
+  modifiers?: GridModifiers[]
+  as?: AsTypes
+}
+
+export type Grid = {
+  items: GridItem[]
+  modifiers?: GridModifiers[]
+  as?: SectionTypes
+}
+
+export type Section = WayfindingBlock & {
+  background?: string
+  container?: boolean
+  as?: SectionTypes
+  modifiers?: SectionModifiers[]
+}
+
+export type Masthead = {
+  content?: string
+  links?: Link[]
+  skipLinks?: Link[]
+}
+
+export type Header = {
+  logo: LinkedImage | LinkedImage[]
+  title?: string
+  description?: string
+  search?: Form
+  navigation?: Navigation
+  controls?: Button[]
+}
+
+export type Footer = {
+  navigation?: Navigation
+  aoc?: string
+  links?: Link[]
+  socials?: SocialLinks
+}
+
 /**
  * Components.
  */
@@ -281,7 +333,7 @@ export type InPageAlert = {
 export type ListItem = {
   link: Link
   content: string | WysiwygText
-  tags?: string[]
+  tags?: Tags
   label?: string
   info?: string
   infoBefore?: boolean
@@ -313,13 +365,8 @@ export type Steps = {
   counters?: boolean
 }
 
-export type Logo = {
-  link: Link
-  image: Image
-}
-
 export type SupportList = {
-  logos: Logo[]
+  logos: LinkedImage[]
   title?: Heading
   links?: Link[]
   showBrand?: boolean
@@ -345,7 +392,7 @@ export type Tags = {
 
 export type SocialLinks = {
   title?: Heading
-  items: Link[]
+  items: Link[] | LinkedImage[]
 }
 
 export type SocialShare = {
@@ -382,4 +429,5 @@ export {
   SectionTypes,
   StepsModifier,
   TagTypes,
+  ListItemModifiers,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pnx-mixtape/ids-shape",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "shape details for ids project",
   "main": "./index.ts",
   "type": "module",