@pnx-mixtape/ids-shape 0.0.3 → 0.0.5

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

@@ -31,7 +31,6 @@ export type Icon = {
   color?: IconColourModifier
   rotate?: IconRotateModifier
   size?: IconSizeModifier
-  customClasses?: string[]
 }
 
 export type Link = {
@@ -42,7 +41,6 @@ export type Link = {
   current?: boolean
   download?: boolean
   icon?: Icon
-  customClasses?: string[]
 }
 
 export type Button = {
@@ -52,7 +50,6 @@ export type Button = {
   icon?: Icon
   href?: string
   disabled?: boolean
-  customClasses?: string[]
 }
 
 export type Heading = {
@@ -62,7 +59,6 @@ export type Heading = {
   excluded?: boolean
   srOnly?: boolean
   icon?: Icon
-  customClasses?: string[]
 }
 
 export type DefinitionListItem = {
@@ -73,7 +69,6 @@ export type DefinitionListItem = {
 export type DefinitionList = {
   items: DefinitionListItem[]
   title?: Heading
-  customClasses?: string[]
 }
 
 export type Video = {
@@ -99,10 +94,10 @@ export type Image = {
 
 export type Media = {
   item: Image | Video
+  type?: "image" | "video"
   caption?: string
   attribution?: string
   align?: MediaAlignmentTypes
-  customClasses?: string[]
 }
 
 export type FormControl = {
@@ -123,7 +118,6 @@ export type WayfindingBlock = {
   title?: Heading
   content?: string | WysiwygText
   link?: Link | Button
-  customClasses?: string[]
 }
 
 /**
@@ -135,14 +129,12 @@ export type GridItem = {
   container?: boolean
   modifiers?: GridItemModifiers[]
   as?: AsTypes
-  customClasses?: string[]
 }
 
 export type Grid = {
   items: GridItem[]
   modifiers?: GridModifiers[]
   as?: SectionTypes
-  customClasses?: string[]
 }
 
 export type Section = WayfindingBlock & {
@@ -158,7 +150,6 @@ export type Section = WayfindingBlock & {
 
 export type Breadcrumbs = {
   items: Link[] | string
-  modifier?: string
 }
 
 export type InPageNavigation = {
@@ -175,7 +166,6 @@ export type Pagination = {
   previous?: Link
   next?: Link
   pages?: PaginationItem[]
-  customClasses?: string[]
 }
 
 export type MenuTree = {
@@ -187,12 +177,10 @@ export type Navigation = {
   id: string
   items: MenuTree[]
   title?: string
-  customClasses?: string[]
 }
 
 export type SideNavigation = Navigation & {
   parent: Link
-  customClasses?: string[]
 }
 
 /**
@@ -201,7 +189,6 @@ export type SideNavigation = Navigation & {
 
 export type LinkList = {
   items: Link[]
-  customClasses?: string[]
 }
 
 export type AccordionItem = {
@@ -215,19 +202,17 @@ export type Accordion = {
   items: AccordionItem[]
   title?: Heading
   toggleAll?: boolean
-  customClasses?: string[]
 }
 
 export type Callout = {
   title: Heading
   content: string
-  customClasses?: string[]
 }
 
 export type Card = WayfindingBlock & {
   image?: Image
   icon?: Icon
-  tags?: string[]
+  tags?: Tags
   date?: string
   linkList?: LinkList
   modifier?: CardModifier
@@ -260,7 +245,6 @@ export type ContactDetails = {
   email?: string
   website?: string
   address?: WysiwygText
-  customClasses?: string[]
 }
 
 export type Dialog = WayfindingBlock & {
@@ -276,7 +260,6 @@ export type GlobalAlert = {
   title: Heading
   content: string | WysiwygText
   link?: Link
-  customClasses?: string[]
 }
 
 export type HeroBanner = WayfindingBlock & {
@@ -284,7 +267,7 @@ export type HeroBanner = WayfindingBlock & {
   image?: Image
   linkList?: LinkList
   highlight?: boolean
-  modifier: HeroBannerModifier
+  modifier?: HeroBannerModifier
 }
 
 export type InPageAlert = {
@@ -292,7 +275,6 @@ export type InPageAlert = {
   title: Heading
   content: string | WysiwygText
   link?: Link
-  customClasses?: string[]
 }
 
 export type ListItem = WayfindingBlock & {
@@ -313,7 +295,6 @@ export type ResultsBar = {
   total?: number
   sort?: string[]
   empty?: boolean
-  customClasses?: string[]
 }
 
 export type StepItem = {
@@ -327,7 +308,6 @@ export type Steps = {
   fill?: boolean
   counters?: boolean
   progress?: boolean
-  customClasses?: string[]
 }
 
 export type Logo = {
@@ -340,7 +320,6 @@ export type SupportList = {
   title?: Heading
   links?: Link[]
   showBrand?: boolean
-  customClasses?: string[]
 }
 
 export type TabItem = {
@@ -352,20 +331,16 @@ export type TabItem = {
 
 export type Tabs = {
   items: TabItem[]
-  modifier?: string
-  customClasses?: string[]
 }
 
 export type Tags = {
   items: Link[] | string[] | FormControl[]
   type: TagTypes
-  customClasses?: string[]
 }
 
 export type SocialLinks = {
   title?: Heading
   items: Link[]
-  customClasses?: string[]
 }
 
 export type SocialShare = {
@@ -373,7 +348,6 @@ export type SocialShare = {
   linkedin?: boolean
   twitter?: boolean
   email?: boolean
-  customClasses?: string[]
 }
 
 export type UtilityList = {
@@ -381,7 +355,6 @@ export type UtilityList = {
   print?: boolean
   pdf?: boolean
   share?: SocialShare
-  customClasses?: string[]
 }
 
 export {

package/package.json

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