@royaloperahouse/harmonic 0.12.0 → 0.12.1-b

package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts

@@ -2,21 +2,18 @@ import { IEditorialGridProps } from '../../../types/editorial';
 import { IPromoWithTagsStyledProps } from '../../../types/promoWithTags';
 export declare const PromoWithTagsGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const PromoWithTagsText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsTagWrapper: import("styled-components").StyledComponent<"div", any, IPromoWithTagsStyledProps, never>;
-export declare const PromoWithTagsAdditionalText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinksContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ExtraContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PrimaryButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MobileTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PromoWithTagsTypeTags: import("styled-components").StyledComponent<({ list }: import("../../../types/types").ITypeTagsProps) => import("react").JSX.Element, any, {}, never>;
-export declare const PromoWithTagsHeader: import("styled-components").StyledComponent<({ semanticLevel, level, children }: import("../../../types/typography").IHeaderProps) => import("react").JSX.Element, any, {}, never>;
-export declare const PromoWithTagsTextLink: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;
 export declare const PromoWithTagsExtraContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const PromoWithTagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const EndDateText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
+export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;

package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts

@@ -3,6 +3,6 @@ export declare const PromoWithTitleGrid: import("styled-components").StyledCompo
 export declare const PromoWithTitleImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTitleContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
-export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
-export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;

package/dist/components/molecules/SectionTitle/SectionTitle.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ISectionTitleProps } from '../../../types/types';
-declare const SectionTitle: ({ title, size, description, semanticLevel }: ISectionTitleProps) => React.JSX.Element;
+declare const SectionTitle: ({ title, size, description, className }: ISectionTitleProps) => React.JSX.Element;
 export default SectionTitle;

package/dist/components/molecules/SkipToMain/SkipToMain.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ISkipToMainProps } from '../../../types/types';
+declare const SkipToMain: ({ className, skipToTag }: ISkipToMainProps) => React.JSX.Element;
+export default SkipToMain;
+/** TODO:
+ * - make robust with SSR - might be solved with moving logic to FE.
+ * - hiding thing when element not found - might be solved with copying Tab element. ✅
+ * - fix columns ✅
+ * - fix top-bottom margin ✅
+ * - remove !important ✅
+ * - add types file ✅
+ * - mobile solution ✅
+ * - implement in Nav
+ * - consider: Make other Tab props available?
+ * - is Classname needed as a prop after all?
+ * - J's comment about id vs element
+ */

package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts

@@ -0,0 +1,7 @@
+interface FocusableTabProps {
+    $hide?: boolean;
+}
+export declare const SkiptoMainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
+export declare const HiddenBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/components/molecules/SkipToMain/index.d.ts

@@ -0,0 +1,2 @@
+import SkipToMain from './SkipToMain';
+export default SkipToMain;

package/dist/components/molecules/index.d.ts

@@ -8,7 +8,7 @@ import ContentSummary from './ContentSummary';
 import Editorial from './Editorial';
 import HotFilters from './HotFilters';
 import Information from './Information';
-import { PageHeading, PageHeadingImpact, PageHeadingPanel, PageHeadingCompact, PageHeadingPromo } from './PageHeading';
+import { PageHeading, PageHeadingImpact, PageHeadingPanel, PageHeadingCompact, PageHeadingPromo, PageHeadingHighlight } from './PageHeading';
 import Pagination from './Pagination';
 import { PeopleListing, CreditListing } from './PeopleListing';
 import PolicyLinks from './PolicyLinks';
@@ -23,7 +23,6 @@ import Select from './Select';
 import Select2 from './Select2';
 import Select2Async from './Select2Async';
 import Tabs from './Tabs';
-import TextOnly from './TextOnly';
 import UpsellCard from './UpsellCard';
 import ImageWithCaption from './ImageWithCaption';
 import Quote from './Quote';
@@ -35,4 +34,5 @@ import Table from './Table';
 import VideoWithControls from './VideoWithControls';
 import SignUpForm from './SignUpForm';
 import AnchorBar from './AnchorBar';
-export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, HotFilters, ImageWithCaption, Information, MiniCard, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, SignUpForm, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, };
+import SkipToMain from './SkipToMain';
+export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, HotFilters, ImageWithCaption, Information, MiniCard, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingHighlight, PageHeadingPanel, PageHeadingPromo, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, SignUpForm, Tabs, Table, UpsellCard, VideoWithControls, SkipToMain, };

package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts

@@ -1,8 +1,13 @@
-import { IAnchorTabArrowsBoxProps, IAnchorTabsListProps, IAnchorTabBarBorderProps } from '../../../types/navigation';
+import { IAnchorTabsListProps, IAnchorTabBarBorderProps } from '../../../types/navigation';
 export declare const LIST_ITEM_GAP = 32;
 export declare const AnchorTabbarWrapper: import("styled-components").StyledComponent<"div", any, IAnchorTabBarBorderProps, never>;
 export declare const TabsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsList: import("styled-components").StyledComponent<"ul", any, IAnchorTabsListProps, never>;
-export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, IAnchorTabArrowsBoxProps, never>;
-export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, showFullscreen, onClickFullscreen, isFullscreen, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element, any, IAnchorTabBarBorderProps, never>;
+export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {
+    withShadow?: boolean | undefined;
+}, never>;
+export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled: boolean;
+}, never>;

package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts

@@ -6,6 +6,7 @@ export declare const CarouselInfoWrapper: import("styled-components").StyledComp
 export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {
     isDescriptionPresent: boolean;
 }, never>;
+export declare const TitleText: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
 export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleGridItem: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;
 export declare const SwipeGridWrapper: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;

package/dist/components/organisms/StickyBar/StickyBar.style.d.ts

@@ -1,5 +1,5 @@
 interface IStickyBarGridProps {
-    hideBottomBorder: boolean;
+    bottomBorder?: boolean;
 }
 export declare const StickyBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StickyBarGrid: import("styled-components").StyledComponent<"div", any, IStickyBarGridProps, never>;

package/dist/harmonic.cjs.development.css

@@ -343,6 +343,325 @@
   font-display: swap;
 }
 
+/* ~~~~~ General Styling Classes ~~~~~ */
+.typography_color-primary__LOfDi {
+  color: var(--color-primary);
+}
+
+.typography_color-black__6MHRL {
+  color: var(--color-base-black);
+}
+
+.typography_color-white__PfW5s {
+  color: var(--color-base-white);
+}
+
+.typography_color-red__iPlbG {
+  color: var(--color-primary-red);
+}
+
+.typography_color-grey__GA1c2 {
+  color: var(--color-base-dark-grey);
+}
+
+.typography_color-inherit__RDd0Y {
+  color: inherit;
+}
+
+.typography_em__E6tX- {
+  font-style: italic;
+}
+/* ~~~ */
+
+/* Display Headers */
+.typography_display__-F3p4 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  line-height: 100%;
+
+  &.typography_large__uq0zC {
+    font-size: 96px;
+    font-weight: 700;
+    letter-spacing: -5px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 68px;
+    font-weight: 500;
+    letter-spacing: -3px;
+  }
+
+  /* Serif and Italic styles */
+  &.typography_serif__VSO38,
+  &.typography_em__E6tX- {
+    font-family: var(--font-family-serif);
+    font-weight: 500;
+  }
+
+  /* Serif and Italic adjustments */
+  &.typography_large__uq0zC.typography_serif__VSO38,
+  &.typography_large__uq0zC.typography_em__E6tX- {
+    letter-spacing: -3px;
+  }
+
+  &.typography_small__wfQ0K.typography_serif__VSO38,
+  &.typography_small__wfQ0K.typography_em__E6tX- {
+    letter-spacing: -2px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 38px;
+      letter-spacing: -1.5px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 32px;
+      letter-spacing: -1.5px;
+    }
+
+    &.typography_large__uq0zC.typography_serif__VSO38,
+    &.typography_large__uq0zC.typography_em__E6tX-,
+    &.typography_small__wfQ0K.typography_serif__VSO38,
+    &.typography_small__wfQ0K.typography_em__E6tX- {
+      letter-spacing: -0.5px;
+    }
+  }
+}
+
+/* Headers */
+.typography_header__BexiD {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+
+  &.typography_large__uq0zC {
+    font-size: 44px;
+    line-height: 48px;
+    letter-spacing: -1.5px;
+  }
+
+  &.typography_medium__K0uZD {
+    font-size: 34px;
+    line-height: 40px;
+    letter-spacing: -1px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 26px;
+    line-height: 32px;
+    letter-spacing: -0.5px;
+  }
+
+  /* Serif and Italic styles */
+  &.typography_serif__VSO38,
+  &.typography_em__E6tX- {
+    font-family: var(--font-family-serif);
+  }
+
+  /* Serif and Italic letter-spacing overrides */
+  &.typography_large__uq0zC.typography_serif__VSO38,
+  &.typography_large__uq0zC.typography_em__E6tX- {
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_medium__K0uZD.typography_serif__VSO38,
+  &.typography_medium__K0uZD.typography_em__E6tX- {
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_small__wfQ0K.typography_serif__VSO38,
+  &.typography_small__wfQ0K.typography_em__E6tX- {
+    letter-spacing: -0.5px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 28px;
+      line-height: 34px;
+      letter-spacing: -1.5px;
+    }
+
+    &.typography_medium__K0uZD {
+      font-size: 24px;
+      line-height: 28px;
+      letter-spacing: -1px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 20px;
+      line-height: 26px;
+      letter-spacing: -0.75px;
+    }
+
+    /* Mobile overrides for serif/italic letter-spacing */
+    &.typography_large__uq0zC.typography_serif__VSO38,
+    &.typography_large__uq0zC.typography_em__E6tX-,
+    &.typography_medium__K0uZD.typography_serif__VSO38,
+    &.typography_medium__K0uZD.typography_em__E6tX-,
+    &.typography_small__wfQ0K.typography_serif__VSO38,
+    &.typography_small__wfQ0K.typography_em__E6tX- {
+      letter-spacing: -0.5px;
+    }
+  }
+}
+
+/* Subtitle */
+.typography_subtitle__aoFTV {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+
+  &.typography_large__uq0zC {
+    font-size: 19px;
+    line-height: 26px;
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 17px;
+    line-height: 24px;
+    letter-spacing: -0.5px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 17px;
+      line-height: 24px;
+      letter-spacing: -0.5px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+    }
+  }
+}
+
+/* Body Copy */
+.typography_bodycopy__vYtQ8 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+
+  &.typography_large__uq0zC {
+    font-size: 19px;
+    line-height: 26px;
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_medium__K0uZD {
+    font-size: 17px;
+    line-height: 24px;
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.5px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 17px;
+      line-height: 24px;
+      letter-spacing: -0.5px;
+    }
+
+    &.typography_medium__K0uZD {
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 11px;
+      line-height: 16px;
+      letter-spacing: -0.2px;
+    }
+  }
+}
+
+/* Overline */
+.typography_overline__EnUK3 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+  text-transform: uppercase;
+
+  &.typography_large__uq0zC {
+    font-size: 14px;
+    line-height: 18px;
+    letter-spacing: 0.3px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 12px;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      line-height: 17px;
+      letter-spacing: 0.3px; /* Added to ensure it stays */
+    }
+
+    &.typography_small__wfQ0K {
+      line-height: 14px;
+      letter-spacing: 0.3px;
+    }
+  }
+}
+
+/* Button Text */
+.typography_buttontext__vcxNi {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-size: 17px;
+  line-height: 20px;
+  letter-spacing: -0.5px;
+  font-weight: 400;
+
+  @media (max-width: 699px) {
+    font-weight: 500;
+    line-height: 17px;
+  }
+}
+
+/* Caption Text */
+.typography_captiontext__91UFb {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+  font-size: 17px;
+  line-height: 24px;
+  letter-spacing: -0.5px;
+
+  @media (max-width: 699px) {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.2px;
+  }
+}
+
+/* Navigation Text */
+.typography_navigationtext__YfGf7 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-size: 19px;
+  line-height: 19px;
+  letter-spacing: 0.4px;
+  font-weight: 500;
+
+  @media (max-width: 699px) {
+    font-size: 17px;
+    line-height: 17px;
+  }
+}
+
 .core-theme-module_coreTheme__pWxYB {
   /* RBO Red */
   /* Primary Palette */
@@ -432,8 +751,9 @@
   --button-tertiary-pressed-color: var(--color-rbo-black-pressed);
   --button-auxiliary-color: var(--color-primary-black);
   --button-auxiliary-bg-color: var(--color-base-transparent);
+  --button-anchor-tab-color: var(--color-primary-red);
 
-/* -----  Variables already used in Harmonic START  ----- */
+  /* -----  Variables already used in Harmonic START  ----- */
   --grid-column-gap: 36px;
   --grid-margin: 10%;
 
@@ -445,13 +765,33 @@
   --rotator-button-hover-bg-color: var(--color-primary-red);
 
   --carousel-image-caption-height: 17px;
-  
+
+  --line-height-listing: 36px;
+
+  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
+  --font-feature-settings-header: 'tnum' on, 'lnum' on;
+  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
+
+  --text-transform-body: none;
+  --text-transform-header: uppercase;
+  --text-transform-subtitle: uppercase;
+
   @media (max-width: 699px) {
     --grid-column-gap: 12px;
     --grid-margin: 20px;
     --rotator-button-width: 40px;
     --rotator-button-icon-width: 24px;
     --carousel-image-caption-height: 14px;
+
+    --line-height-listing: 34px;
+
+    --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
+    --font-feature-settings-header: 'tnum' on, 'lnum' on;
+    --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
+
+    --text-transform-body: none;
+    --text-transform-header: uppercase;
+    --text-transform-subtitle: uppercase;
   }
 
   @media (min-width: 700px) and (max-width: 1139px) {
@@ -462,7 +802,7 @@
     --carousel-image-caption-height: 14px;
   }
 
-/* -----  Variables already used in Harmonic END  ----- */
+  /* -----  Variables already used in Harmonic END  ----- */
 
   --font-size-header-1: 96px;
   --font-weight-header-1: 500;
@@ -568,7 +908,6 @@
   --font-size-title-description: 20px;
   --line-height-title-description: 28px;
 
-  --line-height-listing: 36px;
   --font-size-individual-listing-name: 19px;
   --line-height-individual-listing-name: 24px;
   --line-height-people-listing-gap: 24px;
@@ -583,18 +922,12 @@
   --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
   --font-family-people-listing-name: 'adobe-garamond-pro';
 
-  --font-feature-settings-header: 'tnum' on, 'lnum' on;
   --font-feature-settings-altHeader: 'pnum' on, 'onum' on;
   --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
-  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
-  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
   --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
 
-  --text-transform-header: uppercase;
   --text-transform-altHeader: none;
-  --text-transform-body: none;
   --text-transform-overline: uppercase;
-  --text-transform-subtitle: uppercase;
 
   --word-break-header: break-word;
   --word-break-altHeader: break-word;
@@ -763,18 +1096,12 @@
     --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
     --font-family-people-listing-name: 'adobe-garamond-pro';
 
-    --font-feature-settings-header: 'tnum' on, 'lnum' on;
     --font-feature-settings-altHeader: 'pnum' on, 'onum' on;
     --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
-    --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
-    --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
     --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
 
-    --text-transform-header: uppercase;
     --text-transform-altHeader: none;
-    --text-transform-body: none;
     --text-transform-overline: uppercase;
-    --text-transform-subtitle: uppercase;
 
     --word-break-header: break-word;
     --word-break-altHeader: break-word;
@@ -830,6 +1157,7 @@
   --button-tertiary-color: var(--color-primary-black);
   --button-tertiary-hover-color: var(--color-rbo-black-hovered);
   --button-tertiary-pressed-color: var(--color-rbo-black-pressed);
+  --button-anchor-tab-color: var(--color-primary-black);
 
   --rotator-button-color: var(--color-base-black);
   --rotator-button-bg-color: var(--color-base-light-grey);
@@ -872,6 +1200,7 @@
   --button-tertiary-color: var(--color-base-white);
   --button-tertiary-hover-color: var(--color-white-hovered);
   --button-tertiary-pressed-color: var(--color-white-pressed);
+  --button-anchor-tab-color: var(--color-primary-black);
 
   --rotator-button-color: var(--color-primary-black);
   --rotator-button-bg-color: var(--color-base-light-grey);