@nypl/design-system-react-components 0.26.0 → 0.28.0

package/dist/components/Logo/LogoTypes.d.ts

@@ -1,54 +0,0 @@
-export declare enum LogoColors {
-    Default = "",
-    UiBlack = "ui.black",
-    UiWhite = "ui.white"
-}
-export declare enum LogoSizes {
-    Default = "default",
-    ExtraExtraSmall = "xxsmall",
-    ExtraSmall = "xsmall",
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
-export declare enum LogoNames {
-    BrooklynPublicLibraryBlack = "logo_bpl_black",
-    BrooklynPublicLibraryWhite = "logo_bpl_white",
-    CleverColor = "logo_clever_color",
-    CleverWhite = "logo_clever_white",
-    FirstBookColor = "logo_firstbook_color",
-    FirstBookColorNegative = "logo_firstbook_color_negative",
-    LPAColor = "logo_lpa_color",
-    LPABlack = "logo_lpa_black",
-    LPAWhite = "logo_lpa_white",
-    MyLibraryNYCBlack = "logo_mln_black",
-    MyLibraryNYCWhite = "logo_mln_white",
-    NYPLBlack = "logo_nypl_full_black",
-    NYPLWhite = "logo_nypl_full_white",
-    NYPLLionBlack = "logo_nypl_lion_black",
-    NYPLLionWhite = "logo_nypl_lion_white",
-    OpenEBooksColor = "logo_openebooks_color",
-    OpenEBooksNegative = "logo_openebooks_negative",
-    OpenEBooksWithTextColor = "logo_openebooks_wtext_color",
-    OpenEBooksWithTextNegative = "logo_openebooks_wtext_negative",
-    QueensPublicLibraryColor = "logo_qpl_color",
-    QueensPublicLibraryBlack = "logo_qpl_black",
-    QueensPublicLibraryWhite = "logo_qpl_white",
-    QueensPublicLibraryAltBlack = "logo_qpl_alt_black",
-    QueensPublicLibraryAltWhite = "logo_qpl_alt_white",
-    ReservoirIconColor = "logo_reservoir_icon_color",
-    ReservoirVerticalColor = "logo_reservoir_vertical_color",
-    SchomburgColor = "logo_schomburg_color",
-    SchomburgBlack = "logo_schomburg_black",
-    SchomburgWhite = "logo_schomburg_white",
-    SchomburgCircleColor = "logo_schomburg_circle_color",
-    SchomburgCircleBlack = "logo_schomburg_circle_black",
-    SchomburgCircleWhite = "logo_schomburg_circle_white",
-    SimplyEColor = "logo_simplye_color",
-    SimplyEBlack = "logo_simplye_black",
-    SimplyEWhite = "logo_simplye_white",
-    SNFLBlack = "logo_snfl_black",
-    SNFLWhite = "logo_snfl_white",
-    TreasuresColor = "logo_treasures_color",
-    TreasuresColorNegative = "logo_treasures_color_negative"
-}

package/dist/components/Notification/NotificationTypes.d.ts

@@ -1,5 +0,0 @@
-export declare enum NotificationTypes {
-    Standard = "standard",
-    Announcement = "announcement",
-    Warning = "warning"
-}

package/dist/components/ProgressIndicator/ProgressIndicatorTypes.d.ts

@@ -1,8 +0,0 @@
-export declare enum ProgressIndicatorSizes {
-    Default = "default",
-    Small = "small"
-}
-export declare enum ProgressIndicatorTypes {
-    Circular = "circular",
-    Linear = "linear"
-}

package/dist/components/Select/SelectTypes.d.ts

@@ -1,8 +0,0 @@
-export declare enum SelectTypes {
-    Default = "default",
-    SearchBar = "searchbar"
-}
-export declare enum LabelPositions {
-    Default = "default",
-    Inline = "inline"
-}

package/dist/components/SkeletonLoader/SkeletonLoaderTypes.d.ts

@@ -1,5 +0,0 @@
-export declare enum SkeletonLoaderImageRatios {
-    Landscape = "landscape",
-    Portrait = "portrait",
-    Square = "square"
-}

package/dist/components/StatusBadge/StatusBadgeTypes.d.ts

@@ -1,5 +0,0 @@
-export declare enum StatusBadgeTypes {
-    Low = "low",
-    Medium = "medium",
-    High = "high"
-}

package/dist/components/StructuredContent/StructuredContentTypes.d.ts

@@ -1,5 +0,0 @@
-export declare enum StructuredContentImagePosition {
-    Left = "left",
-    Right = "right",
-    Center = "center"
-}

package/dist/components/Text/TextTypes.d.ts

@@ -1,6 +0,0 @@
-export declare enum TextSizes {
-    Default = "default",
-    Caption = "caption",
-    Tag = "tag",
-    Mini = "mini"
-}

package/dist/components/TextInput/TextInputTypes.d.ts

@@ -1,25 +0,0 @@
-export declare enum TextInputTypes {
-    email = "email",
-    hidden = "hidden",
-    number = "number",
-    password = "password",
-    text = "text",
-    textarea = "textarea",
-    tel = "tel",
-    url = "url"
-}
-export declare enum TextInputFormats {
-    email = "jdoe@domain.com",
-    hidden = "",
-    number = "",
-    password = "",
-    text = "",
-    tel = "(123) 123-1234",
-    textarea = "",
-    url = "https://domain.com"
-}
-export declare enum TextInputVariants {
-    Default = "default",
-    SearchBar = "searchBar",
-    SearchBarSelect = "searchBarSelect"
-}

package/dist/components/Toggle/ToggleTypes.d.ts

@@ -1,4 +0,0 @@
-export declare enum ToggleSizes {
-    Default = "default",
-    Small = "small"
-}

package/dist/components/VideoPlayer/VideoPlayerTypes.d.ts

@@ -1,9 +0,0 @@
-export declare enum VideoPlayerTypes {
-    Vimeo = "vimeo",
-    YouTube = "youtube"
-}
-export declare enum VideoPlayerAspectRatios {
-    FourByThree = "fourByThree",
-    SixteenByNine = "sixteenByNine",
-    Square = "square"
-}

package/dist/helpers/enums.d.ts

@@ -1,4 +0,0 @@
-export declare enum LayoutTypes {
-    Column = "column",
-    Row = "row"
-}

package/dist/utils/siteSections.d.ts

@@ -1,2 +0,0 @@
-declare const sections: string[];
-export default sections;

package/src/components/Accordion/AccordionTypes.tsx

@@ -1,5 +0,0 @@
-export enum AccordionTypes {
-  Default = "default",
-  Warning = "warning",
-  Error = "error",
-}

package/src/components/Breadcrumbs/BreadcrumbsTypes.tsx

@@ -1,8 +0,0 @@
-export enum BreadcrumbsTypes {
-  Blogs = "blogs",
-  BooksAndMore = "booksAndMore",
-  Education = "education",
-  Locations = "locations",
-  Research = "research",
-  WhatsOn = "whatsOn",
-}

package/src/components/Button/ButtonTypes.tsx

@@ -1,8 +0,0 @@
-export enum ButtonTypes {
-  Primary = "primary",
-  Secondary = "secondary",
-  Callout = "callout",
-  Pill = "pill",
-  Link = "link",
-  NoBrand = "noBrand",
-}

package/src/components/DatePicker/DatePickerTypes.tsx

@@ -1,5 +0,0 @@
-export enum DatePickerTypes {
-  Full = "full",
-  Month = "month",
-  Year = "year",
-}

package/src/components/Form/FormTypes.tsx

@@ -1,3 +0,0 @@
-import { GridGaps as FormGaps } from "../Grid/GridTypes";
-
-export { FormGaps };

package/src/components/Grid/GridTypes.tsx

@@ -1,9 +0,0 @@
-export enum GridGaps {
-  ExtraExtraSmall = "grid.xxs",
-  ExtraSmall = "grid.xs",
-  Small = "grid.s",
-  Medium = "grid.m",
-  Large = "grid.l",
-  ExtraLarge = "grid.xl",
-  ExtraExtraLarge = "grid.xxl",
-}

package/src/components/Heading/HeadingTypes.tsx

@@ -1,15 +0,0 @@
-export enum HeadingSizes {
-  Primary = "primary",
-  Secondary = "secondary",
-  Tertiary = "tertiary",
-  Callout = "callout",
-}
-
-export enum HeadingLevels {
-  One = "one",
-  Two = "two",
-  Three = "three",
-  Four = "four",
-  Five = "five",
-  Six = "six",
-}

package/src/components/Hero/HeroTypes.tsx

@@ -1,20 +0,0 @@
-export enum HeroTypes {
-  Primary = "primary",
-  Secondary = "secondary",
-  SecondaryBooksAndMore = "secondaryBooksAndMore",
-  SecondaryLocations = "secondaryLocations",
-  SecondaryResearch = "secondaryResearch",
-  SecondaryWhatsOn = "secondaryWhatsOn",
-  Tertiary = "tertiary",
-  Campaign = "campaign",
-  FiftyFifty = "fiftyfifty",
-}
-
-// Only used for internal purposes.
-export const HeroSecondaryTypes = [
-  HeroTypes.Secondary,
-  HeroTypes.SecondaryBooksAndMore,
-  HeroTypes.SecondaryLocations,
-  HeroTypes.SecondaryResearch,
-  HeroTypes.SecondaryWhatsOn,
-];

package/src/components/Icons/IconTypes.tsx

@@ -1,83 +0,0 @@
-/* eslint-disable camelcase */
-export enum IconAlign {
-  Left = "left",
-  Right = "right",
-  None = "none",
-}
-
-export enum IconTypes {
-  Default = "default",
-  Breadcrumbs = "breadcrumbs",
-}
-
-export enum IconRotationTypes {
-  Rotate0 = "rotate0",
-  Rotate90 = "rotate90",
-  Rotate180 = "rotate180",
-  Rotate270 = "rotate270",
-}
-
-export enum IconColors {
-  UiBlack = "ui.black",
-  UiWhite = "ui.white",
-  BrandPrimary = "brand.primary",
-  BrandSecondary = "brand.secondary",
-  SectionBlogsPrimary = "section.blogs.primary",
-  SectionBlogsSecondary = "section.blogs.secondary",
-  SectionBooksAndMorePrimary = "section.books-and-more.primary",
-  SectionBooksAndMoreSecondary = "section.books-and-more.secondary",
-  SectionEducationPrimary = "section.education.primary",
-  SectionEducationSecondary = "section.education.secondary",
-  SectionLocationsPrimary = "section.locations.primary",
-  SectionLocationsSecondary = "section.locations.secondary",
-  SectionResearchPrimary = "section.research.primary",
-  SectionResearchSecondary = "section.research.secondary",
-  SectionResearchLibraryLpa = "section.research-library.lpa",
-  SectionResearchLibrarySchomburg = "section.research-library.schomburg",
-  SectionResearchLibrarySchwartzman = "section.research-library.schwartzman",
-  SectionWhatsOnPrimary = "section.whats-on.primary",
-  SectionWhatsOnSecondary = "section.whats-on.secondary",
-}
-
-export enum IconSizes {
-  Default = "default",
-  Small = "small",
-  Medium = "medium",
-  Large = "large",
-  ExtraLarge = "xlarge",
-  ExtraExtraLarge = "xxlarge",
-  ExtraExtraExtraLarge = "xxxlarge",
-}
-
-export enum IconNames {
-  AccessibilityFull = "accessibility_full",
-  AccessibilityPartial = "accessibility_partial",
-  ActionCheckCircle = "action_check_circle",
-  ActionHelpDefault = "action_help_default",
-  ActionHelpOutline = "action_help_outline",
-  AlertNotificationImportant = "alert_notification_important",
-  ActionLaunch = "action_launch",
-  Arrow = "arrow",
-  Check = "check",
-  Clock = "clock",
-  Close = "close",
-  Download = "download",
-  ErrorFilled = "error_filled",
-  ErrorOutline = "error_outline",
-  FileTypeAudio = "file_type_audio",
-  FileTypeDoc = "file_type_doc",
-  FileTypeGenericDoc = "file_type_generic_doc",
-  FileTypeImage = "file_type_image",
-  FileTypePdf = "file_type_pdf",
-  FileTypeSpreadsheet = "file_type_spreadsheet",
-  FileTypeVideo = "file_type_video",
-  Headset = "headset",
-  Minus = "minus",
-  Plus = "plus",
-  Search = "search",
-  SpeakerNotes = "speaker_notes",
-  UtilityAccountFilled = "utility_account_filled",
-  UtilityAccountUnfilled = "utility_account_unfilled",
-  UtilityHamburger = "utility_hamburger",
-  UtilitySearch = "utility_search",
-}

package/src/components/Image/ImageTypes.ts

@@ -1,24 +0,0 @@
-export enum ImageRatios {
-  FourByThree = "fourByThree",
-  OneByTwo = "oneByTwo",
-  Original = "original",
-  SixteenByNine = "sixteenByNine",
-  Square = "square",
-  ThreeByFour = "threeByFour",
-  ThreeByTwo = "threeByTwo",
-  TwoByOne = "twoByOne",
-}
-
-export enum ImageSizes {
-  Default = "default",
-  ExtraExtraSmall = "xxsmall",
-  ExtraSmall = "xsmall",
-  Small = "small",
-  Medium = "medium",
-  Large = "large",
-}
-
-export enum ImageTypes {
-  Default = "default",
-  Circle = "circle",
-}

package/src/components/Link/LinkTypes.tsx

@@ -1,8 +0,0 @@
-export enum LinkTypes {
-  Action = "action",
-  Backwards = "backwards",
-  Button = "button",
-  Default = "default",
-  External = "external",
-  Forwards = "forwards",
-}

package/src/components/List/ListTypes.tsx

@@ -1,5 +0,0 @@
-export enum ListTypes {
-  Ordered = "ol",
-  Unordered = "ul",
-  Description = "dl",
-}

package/src/components/Logo/LogoTypes.tsx

@@ -1,56 +0,0 @@
-export enum LogoColors {
-  Default = "",
-  UiBlack = "ui.black",
-  UiWhite = "ui.white",
-}
-
-export enum LogoSizes {
-  Default = "default",
-  ExtraExtraSmall = "xxsmall",
-  ExtraSmall = "xsmall",
-  Small = "small",
-  Medium = "medium",
-  Large = "large",
-}
-
-export enum LogoNames {
-  BrooklynPublicLibraryBlack = "logo_bpl_black",
-  BrooklynPublicLibraryWhite = "logo_bpl_white",
-  CleverColor = "logo_clever_color",
-  CleverWhite = "logo_clever_white",
-  FirstBookColor = "logo_firstbook_color",
-  FirstBookColorNegative = "logo_firstbook_color_negative",
-  LPAColor = "logo_lpa_color",
-  LPABlack = "logo_lpa_black",
-  LPAWhite = "logo_lpa_white",
-  MyLibraryNYCBlack = "logo_mln_black",
-  MyLibraryNYCWhite = "logo_mln_white",
-  NYPLBlack = "logo_nypl_full_black",
-  NYPLWhite = "logo_nypl_full_white",
-  NYPLLionBlack = "logo_nypl_lion_black",
-  NYPLLionWhite = "logo_nypl_lion_white",
-  OpenEBooksColor = "logo_openebooks_color",
-  OpenEBooksNegative = "logo_openebooks_negative",
-  OpenEBooksWithTextColor = "logo_openebooks_wtext_color",
-  OpenEBooksWithTextNegative = "logo_openebooks_wtext_negative",
-  QueensPublicLibraryColor = "logo_qpl_color",
-  QueensPublicLibraryBlack = "logo_qpl_black",
-  QueensPublicLibraryWhite = "logo_qpl_white",
-  QueensPublicLibraryAltBlack = "logo_qpl_alt_black",
-  QueensPublicLibraryAltWhite = "logo_qpl_alt_white",
-  ReservoirIconColor = "logo_reservoir_icon_color",
-  ReservoirVerticalColor = "logo_reservoir_vertical_color",
-  SchomburgColor = "logo_schomburg_color",
-  SchomburgBlack = "logo_schomburg_black",
-  SchomburgWhite = "logo_schomburg_white",
-  SchomburgCircleColor = "logo_schomburg_circle_color",
-  SchomburgCircleBlack = "logo_schomburg_circle_black",
-  SchomburgCircleWhite = "logo_schomburg_circle_white",
-  SimplyEColor = "logo_simplye_color",
-  SimplyEBlack = "logo_simplye_black",
-  SimplyEWhite = "logo_simplye_white",
-  SNFLBlack = "logo_snfl_black",
-  SNFLWhite = "logo_snfl_white",
-  TreasuresColor = "logo_treasures_color",
-  TreasuresColorNegative = "logo_treasures_color_negative",
-}

package/src/components/Modal/_Modal.scss

@@ -1,18 +0,0 @@
-.no-scroll {
-  overflow: hidden;
-  position: fixed;
-  top: -100vh;
-}
-
-.modal {
-  padding: var(--nypl-space-s);
-
-  background-color: var(--nypl-colors-ui-gray-x-light-warm);
-  height: 100vh;
-  left: 0;
-  overflow-y: auto;
-  position: fixed;
-  top: 0;
-  width: 100vw;
-  z-index: 999;
-}

package/src/components/Notification/NotificationTypes.tsx

@@ -1,5 +0,0 @@
-export enum NotificationTypes {
-  Standard = "standard",
-  Announcement = "announcement",
-  Warning = "warning",
-}

package/src/components/ProgressIndicator/ProgressIndicatorTypes.ts

@@ -1,8 +0,0 @@
-export enum ProgressIndicatorSizes {
-  Default = "default",
-  Small = "small",
-}
-export enum ProgressIndicatorTypes {
-  Circular = "circular",
-  Linear = "linear",
-}

package/src/components/Select/SelectTypes.tsx

@@ -1,10 +0,0 @@
-// Only used for internal purposes.
-export enum SelectTypes {
-  Default = "default",
-  SearchBar = "searchbar",
-}
-
-export enum LabelPositions {
-  Default = "default",
-  Inline = "inline",
-}

package/src/components/SkeletonLoader/SkeletonLoaderTypes.tsx

@@ -1,5 +0,0 @@
-export enum SkeletonLoaderImageRatios {
-  Landscape = "landscape",
-  Portrait = "portrait",
-  Square = "square",
-}

package/src/components/StatusBadge/StatusBadgeTypes.tsx

@@ -1,5 +0,0 @@
-export enum StatusBadgeTypes {
-  Low = "low",
-  Medium = "medium",
-  High = "high",
-}

package/src/components/StructuredContent/StructuredContentTypes.tsx

@@ -1,5 +0,0 @@
-export enum StructuredContentImagePosition {
-  Left = "left",
-  Right = "right",
-  Center = "center",
-}

package/src/components/Text/TextTypes.tsx

@@ -1,6 +0,0 @@
-export enum TextSizes {
-  Default = "default",
-  Caption = "caption",
-  Tag = "tag",
-  Mini = "mini",
-}

package/src/components/TextInput/TextInputTypes.tsx

@@ -1,48 +0,0 @@
-// HTML Input types as defined by MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
-export enum TextInputTypes {
-  email = "email",
-  hidden = "hidden",
-  // eslint-disable-next-line id-blacklist
-  number = "number",
-  password = "password",
-  text = "text",
-  textarea = "textarea",
-  tel = "tel",
-  url = "url",
-}
-
-// Only used internally in `TextInput`.
-export enum TextInputFormats {
-  email = "jdoe@domain.com",
-  hidden = "",
-  // eslint-disable-next-line id-blacklist
-  number = "",
-  password = "",
-  text = "",
-  tel = "(123) 123-1234",
-  textarea = "",
-  url = "https://domain.com",
-}
-
-// Only used internally in `TextInput` and `SearchBar`.
-export enum TextInputVariants {
-  Default = "default",
-  SearchBar = "searchBar",
-  SearchBarSelect = "searchBarSelect",
-}
-
-/*
-export enum TextInputPatterns {
-  // eslint-disable-next-line prettier/prettier
-  email = "[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,}$",
-  hidden = "",
-  // eslint-disable-next-line id-blacklist
-  number = "",
-  password = "",
-  text = "",
-  // eslint-disable-next-line prettier/prettier
-  tel = "([0-9]{3}) [0-9]{3}-[0-9]{4}",
-  textarea = "textarea",
-  url = "https?://.+",
-}
-*/

package/src/components/Toggle/ToggleTypes.tsx

@@ -1,4 +0,0 @@
-export enum ToggleSizes {
-  Default = "default",
-  Small = "small",
-}

package/src/components/VideoPlayer/VideoPlayerTypes.tsx

@@ -1,10 +0,0 @@
-export enum VideoPlayerTypes {
-  Vimeo = "vimeo",
-  YouTube = "youtube",
-}
-
-export enum VideoPlayerAspectRatios {
-  FourByThree = "fourByThree",
-  SixteenByNine = "sixteenByNine",
-  Square = "square",
-}

package/src/helpers/enums.ts

@@ -1,4 +0,0 @@
-export enum LayoutTypes {
-  Column = "column",
-  Row = "row",
-}

package/src/utils/siteSections.ts

@@ -1,10 +0,0 @@
-// NYPL site sections. See Figma: https://www.figma.com/file/qShodlfNCJHb8n03IFyApM/Main?node-id=15454%3A47007
-
-const sections = [
-  "nypl--books-and-more",
-  "nypl--locations",
-  "nypl--research",
-  "nypl--whats-on",
-];
-
-export default sections;