@pnx-mixtape/ids-shape 0.0.2 → 0.0.4

package/enums.ts

@@ -14,6 +14,8 @@ export enum IconColourModifier {
   ERROR = "error",
   WARNING = "warning",
   SUCCESS = "success",
+  BRAND = "brand",
+  ACCENT = "accent"
 }
 
 export enum IconRotateModifier {
@@ -33,6 +35,8 @@ export enum ButtonTypes {
   INPUT = "input",
   BUTTON = "button",
   LINK = "link",
+  SUBMIT = "submit",
+  RESET = "reset",
 }
 
 export enum ButtonModifiers {
@@ -40,7 +44,7 @@ export enum ButtonModifiers {
   LIGHT = "light",
   WHITE = "white",
   DESTRUCTIVE = "destructive",
-  WIDE = "wide",
+  FULL_WIDTH = "full-width",
   OUTLINE = "outline",
 }
 

package/index.ts

@@ -24,7 +24,7 @@ import {
  * Base.
  */
 
-type Icon = {
+export type Icon = {
   icon: string
   text?: string
   align?: AlignmentTypes
@@ -34,7 +34,7 @@ type Icon = {
   customClasses?: string[]
 }
 
-type Link = {
+export type Link = {
   title: string
   href: string
   more?: boolean
@@ -45,7 +45,7 @@ type Link = {
   customClasses?: string[]
 }
 
-type Button = {
+export type Button = {
   title: string
   as: ButtonTypes
   modifiers?: ButtonModifiers[]
@@ -55,7 +55,7 @@ type Button = {
   customClasses?: string[]
 }
 
-type Heading = {
+export type Heading = {
   title: string
   as: HeadingTypes
   modifiers?: HeadingTypes[]
@@ -65,30 +65,30 @@ type Heading = {
   customClasses?: string[]
 }
 
-type DefinitionListItem = {
+export type DefinitionListItem = {
   title: string
   content: string | WysiwygText
 }
 
-type DefinitionList = {
+export type DefinitionList = {
   items: DefinitionListItem[]
   title?: Heading
   customClasses?: string[]
 }
 
-type Video = {
+export type Video = {
   src: string
   title: string
   duration?: string
 }
 
-type ImageSource = {
+export type ImageSource = {
   srcset: string
   media: string
   type: string
 }
 
-type Image = {
+export type Image = {
   src: string
   alt: string
   height?: string
@@ -97,15 +97,16 @@ type Image = {
   loading?: LoadingTypes
 }
 
-type Media = {
+export type Media = {
   item: Image | Video
+  type?: "image" | "video"
   caption?: string
   attribution?: string
   align?: MediaAlignmentTypes
   customClasses?: string[]
 }
 
-type FormControl = {
+export type FormControl = {
   id: string
   name: string
   label: string
@@ -113,13 +114,13 @@ type FormControl = {
   checked?: boolean
 }
 
-type WysiwygText = HTMLElement[] // just an example.
+export type WysiwygText = HTMLElement[] // just an example.
 
 /**
  * Extendable.
  */
 
-type WayfindingBlock = {
+export type WayfindingBlock = {
   title?: Heading
   content?: string | WysiwygText
   link?: Link | Button
@@ -130,7 +131,7 @@ type WayfindingBlock = {
  * Layout.
  */
 
-type GridItem = {
+export type GridItem = {
   item: HTMLElement
   container?: boolean
   modifiers?: GridItemModifiers[]
@@ -138,14 +139,14 @@ type GridItem = {
   customClasses?: string[]
 }
 
-type Grid = {
+export type Grid = {
   items: GridItem[]
   modifiers?: GridModifiers[]
   as?: SectionTypes
   customClasses?: string[]
 }
 
-type Section = WayfindingBlock & {
+export type Section = WayfindingBlock & {
   background?: string
   container?: boolean
   as?: SectionTypes
@@ -156,41 +157,41 @@ type Section = WayfindingBlock & {
  * Navigation.
  */
 
-type Breadcrumbs = {
+export type Breadcrumbs = {
   items: Link[] | string
   modifier?: string
 }
 
-type InPageNavigation = {
+export type InPageNavigation = {
   title?: Heading
   levels?: HeadingTypes[]
 }
 
-type PaginationItem = {
+export type PaginationItem = {
   link?: Link
   ellipsis?: boolean
 }
 
-type Pagination = {
+export type Pagination = {
   previous?: Link
   next?: Link
   pages?: PaginationItem[]
   customClasses?: string[]
 }
 
-type MenuTree = {
+export type MenuTree = {
   link: Link
   items: MenuTree[]
 }
 
-type Navigation = {
+export type Navigation = {
   id: string
   items: MenuTree[]
   title?: string
   customClasses?: string[]
 }
 
-type SideNavigation = Navigation & {
+export type SideNavigation = Navigation & {
   parent: Link
   customClasses?: string[]
 }
@@ -199,32 +200,32 @@ type SideNavigation = Navigation & {
  * Components.
  */
 
-type LinkList = {
+export type LinkList = {
   items: Link[]
   customClasses?: string[]
 }
 
-type AccordionItem = {
+export type AccordionItem = {
   title: string
   content: string | WysiwygText
   open?: boolean
   id?: string
 }
 
-type Accordion = {
+export type Accordion = {
   items: AccordionItem[]
   title?: Heading
   toggleAll?: boolean
   customClasses?: string[]
 }
 
-type Callout = {
+export type Callout = {
   title: Heading
   content: string
   customClasses?: string[]
 }
 
-type Card = WayfindingBlock & {
+export type Card = WayfindingBlock & {
   image?: Image
   icon?: Icon
   tags?: string[]
@@ -233,27 +234,27 @@ type Card = WayfindingBlock & {
   modifier?: CardModifier
 }
 
-type CardGrid = WayfindingBlock & {
+export type CardGrid = WayfindingBlock & {
   items: Card[]
   container?: boolean
   modifiers?: GridModifiers[]
   as?: SectionTypes
 }
 
-type CardCarousel = WayfindingBlock & {
+export type CardCarousel = WayfindingBlock & {
   items: Card[]
   loop: boolean
   pagination: boolean
   counter: boolean
 }
 
-type ContentBlock = WayfindingBlock & {
+export type ContentBlock = WayfindingBlock & {
   image?: Image
   icon?: Icon
   linkList?: LinkList
 }
 
-type ContactDetails = {
+export type ContactDetails = {
   title?: Heading
   name?: string
   phone?: string
@@ -263,13 +264,13 @@ type ContactDetails = {
   customClasses?: string[]
 }
 
-type Dialog = WayfindingBlock & {
+export type Dialog = WayfindingBlock & {
   open: boolean
   id: string
   modal: boolean
 }
 
-type GlobalAlert = {
+export type GlobalAlert = {
   id: string
   type: GlobalAlertTypes
   dismissible: boolean
@@ -279,7 +280,7 @@ type GlobalAlert = {
   customClasses?: string[]
 }
 
-type HeroBanner = WayfindingBlock & {
+export type HeroBanner = WayfindingBlock & {
   subtitle?: string
   image?: Image
   linkList?: LinkList
@@ -287,7 +288,7 @@ type HeroBanner = WayfindingBlock & {
   modifier: HeroBannerModifier
 }
 
-type InPageAlert = {
+export type InPageAlert = {
   type: InPageAlertTypes
   title: Heading
   content: string | WysiwygText
@@ -295,7 +296,7 @@ type InPageAlert = {
   customClasses?: string[]
 }
 
-type ListItem = WayfindingBlock & {
+export type ListItem = WayfindingBlock & {
   tags?: string[]
   label?: string
   info?: string
@@ -303,11 +304,11 @@ type ListItem = WayfindingBlock & {
   image?: Image
 }
 
-type Popover = WayfindingBlock & {
+export type Popover = WayfindingBlock & {
   id: string
 }
 
-type ResultsBar = {
+export type ResultsBar = {
   number?: number
   pageCount?: number
   total?: number
@@ -316,12 +317,12 @@ type ResultsBar = {
   customClasses?: string[]
 }
 
-type StepItem = {
+export type StepItem = {
   content: WysiwygText[]
   status: boolean
 }
 
-type Steps = {
+export type Steps = {
   items: StepItem[],
   modifier?: StepsModifier
   fill?: boolean
@@ -330,12 +331,12 @@ type Steps = {
   customClasses?: string[]
 }
 
-type Logo = {
+export type Logo = {
   link: Link
   image: Image
 }
 
-type SupportList = {
+export type SupportList = {
   logos: Logo[]
   title?: Heading
   links?: Link[]
@@ -343,32 +344,32 @@ type SupportList = {
   customClasses?: string[]
 }
 
-type TabItem = {
+export type TabItem = {
   id: string
   title: string
   content: string | WysiwygText
   active?: boolean
 }
 
-type Tabs = {
+export type Tabs = {
   items: TabItem[]
   modifier?: string
   customClasses?: string[]
 }
 
-type Tags = {
+export type Tags = {
   items: Link[] | string[] | FormControl[]
   type: TagTypes
   customClasses?: string[]
 }
 
-type SocialLinks = {
+export type SocialLinks = {
   title?: Heading
   items: Link[]
   customClasses?: string[]
 }
 
-type SocialShare = {
+export type SocialShare = {
   facebook?: boolean
   linkedin?: boolean
   twitter?: boolean
@@ -376,10 +377,33 @@ type SocialShare = {
   customClasses?: string[]
 }
 
-type UtilityList = {
+export type UtilityList = {
   copy?: boolean
   print?: boolean
   pdf?: boolean
   share?: SocialShare
   customClasses?: string[]
 }
+
+export {
+  AlignmentTypes,
+  AsTypes,
+  ButtonModifiers,
+  ButtonTypes,
+  CardModifier,
+  GlobalAlertTypes,
+  GridItemModifiers,
+  GridModifiers,
+  HeadingTypes,
+  HeroBannerModifier,
+  IconColourModifier,
+  IconRotateModifier,
+  IconSizeModifier,
+  InPageAlertTypes,
+  LoadingTypes,
+  MediaAlignmentTypes,
+  SectionModifiers,
+  SectionTypes,
+  StepsModifier,
+  TagTypes,
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pnx-mixtape/ids-shape",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "shape details for ids project",
-  "main": "shape/index.ts",
+  "main": "./index.ts",
   "type": "module",
   "devDependencies": {},
   "scripts": {