@hermes-ui/angular 0.1.4

package/styles/core/layout/mixins/_mixins.grid.scss

@@ -0,0 +1,105 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use '../optimize';
+@use '../../tokens/variables.tokens' as tokens;
+
+$columnsNumber: tokens.$hermes-global-layout-grid-cols-static;
+
+@mixin generateColumnsAndRows($breakpoint: null) {
+  @for $i from 1 through $columnsNumber {
+    // implicit columns/rows
+    [#{optimize.$layout}*='#{optimize.$cols}#{$breakpoint}:#{$i}'] > * {
+      grid-column: span $i / span $i;
+    }
+
+    [#{optimize.$layout}*='#{optimize.$rows}#{$breakpoint}:#{$i}'] > * {
+      grid-row: span $i / span $i;
+    }
+  }
+}
+@mixin generateExplicitColumnAndRow($breakpoint: null) {
+  @for $i from 1 through $columnsNumber {
+    // explicit column/row positions
+    [#{optimize.$layout}*='#{optimize.$col}#{$breakpoint}:#{$i}'] {
+      grid-column: span $i / span $i !important;
+    }
+
+    [#{optimize.$layout}*='#{optimize.$row}#{$breakpoint}:#{$i}'] {
+      grid-row: span $i / span $i !important;
+    }
+  }
+}
+@mixin generatePositions($breakpoint: null) {
+  // +1 for grid cols/rows which end at beginning of next item
+  @for $i from 1 through $columnsNumber + 1 {
+    [#{optimize.$layout}*='#{optimize.$col}#{$breakpoint}:start-#{$i}'] {
+      grid-column-start: $i !important;
+    }
+
+    [#{optimize.$layout}*='#{optimize.$col}#{$breakpoint}:end-#{$i}'] {
+      grid-column-end: $i !important;
+    }
+
+    [#{optimize.$layout}*='#{optimize.$row}#{$breakpoint}:start-#{$i}'] {
+      grid-row-start: $i !important;
+    }
+
+    [#{optimize.$layout}*='#{optimize.$row}#{$breakpoint}:end-#{$i}'] {
+      grid-row-end: $i !important;
+    }
+  }
+}
+@mixin generateAlignments($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$grid}'] {
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$top}'] {
+      align-content: start;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$right}'] {
+      justify-content: end;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$bottom}'] {
+      align-content: end;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}'] {
+      justify-content: start;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-stretch}'] {
+      align-items: stretch;
+      align-content: stretch;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-stretch}'] {
+      justify-items: stretch;
+      justify-content: stretch;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$stretch}'] {
+      place-items: stretch stretch;
+      place-content: stretch stretch;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-center}'] {
+      align-items: center;
+      align-content: center;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-center}'] {
+      justify-items: center;
+      justify-content: center;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}'] {
+      place-items: center center;
+      place-content: center center;
+    }
+  }
+}

package/styles/core/layout/mixins/_mixins.scss

@@ -0,0 +1,106 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use '../../tokens/variables.tokens' as tokens;
+@use '../optimize';
+
+$hermes-layout-sizes: (
+  'none': 0,
+  'xxxs': optimize.$δ1,
+  'xxs': optimize.$δ2,
+  'xs': optimize.$δ3,
+  'sm': optimize.$δ4,
+  'md': optimize.$δ5,
+  'lg': optimize.$δ6,
+  'xl': optimize.$δ7,
+  'xxl': optimize.$δ8,
+  'xxxl': optimize.$δ9,
+);
+
+$hermes-layout-breakpoints: (
+  '@xs': tokens.$hermes-global-layout-width-xs-static,
+  '@sm': tokens.$hermes-global-layout-width-sm-static,
+  '@md': tokens.$hermes-global-layout-width-md-static,
+  '@lg': tokens.$hermes-global-layout-width-lg-static,
+  '@xl': tokens.$hermes-global-layout-width-xl-static,
+);
+
+$hermes-layout-widths: (
+  'xs': tokens.$hermes-global-layout-width-xs,
+  'sm': tokens.$hermes-global-layout-width-sm,
+  'md': tokens.$hermes-global-layout-width-md,
+  'lg': tokens.$hermes-global-layout-width-lg,
+  'xl': tokens.$hermes-global-layout-width-xl,
+);
+
+$hermes-layout-spacing-sides: (
+  'top': 't',
+  'right': 'r',
+  'bottom': 'b',
+  'left': 'l',
+);
+
+@mixin generateGaps($breakpoint: null) {
+  @each $size, $sizeValue in $hermes-layout-sizes {
+    [#{optimize.$layout}*='#{optimize.$gap}#{$breakpoint}:#{$size}'] {
+      gap: $sizeValue;
+    }
+  }
+}
+@mixin spacers($breakpoint: null) {
+  @each $size, $sizeValue in $hermes-layout-sizes {
+    [hermes-layout~='p#{$breakpoint}:#{$size}'] {
+      padding: #{$sizeValue} !important;
+    }
+
+    [hermes-layout~='m#{$breakpoint}:#{$size}'] {
+      margin: #{$sizeValue} !important;
+    }
+  }
+}
+@mixin axisSpacers($breakpoint: null) {
+  @each $size, $sizeValue in $hermes-layout-sizes {
+    [hermes-layout~='p-x#{$breakpoint}:#{$size}'] {
+      padding-left: #{$sizeValue} !important;
+      padding-right: #{$sizeValue} !important;
+    }
+
+    [hermes-layout~='p-y#{$breakpoint}:#{$size}'] {
+      padding-top: #{$sizeValue} !important;
+      padding-bottom: #{$sizeValue} !important;
+    }
+  }
+
+  @each $size, $sizeValue in $hermes-layout-sizes {
+    [hermes-layout~='m-x#{$breakpoint}:#{$size}'] {
+      margin-left: #{$sizeValue} !important;
+      margin-right: #{$sizeValue} !important;
+    }
+
+    [hermes-layout~='m-y#{$breakpoint}:#{$size}'] {
+      margin-top: #{$sizeValue} !important;
+      margin-bottom: #{$sizeValue} !important;
+    }
+  }
+}
+@mixin sideSpacers($breakpoint: null) {
+  @each $size, $sizeValue in $hermes-layout-sizes {
+    @each $side, $sideValue in $hermes-layout-spacing-sides {
+      [hermes-layout~='p-#{$sideValue}#{$breakpoint}:#{$size}'] {
+        padding-#{$side}: #{$sizeValue} !important;
+      }
+    }
+  }
+
+  @each $size, $sizeValue in $hermes-layout-sizes {
+    @each $side, $sideValue in $hermes-layout-spacing-sides {
+      [hermes-layout~='m-#{$sideValue}#{$breakpoint}:#{$size}'] {
+        margin-#{$side}: #{$sizeValue} !important;
+      }
+    }
+  }
+}

package/styles/core/layout/mixins/_mixins.shadow-dom.scss

@@ -0,0 +1,106 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use '../optimize';
+
+@mixin generateShadowDomVerticalStretch($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$vertical}'] {
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-stretch}'] {
+      & > ::slotted(*) {
+        flex-grow: 1;
+      }
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$stretch}'] {
+      & > ::slotted(*) {
+        flex-grow: 1;
+      }
+    }
+  }
+}
+@mixin generateShadowDomVerticalItemAlignment($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$vertical}'] {
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}']),
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-center}']) {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}']),
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-center}']) {
+      align-self: center;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$top}']) {
+      margin-bottom: auto !important;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$bottom}']) {
+      margin-top: auto !important;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$right}']) {
+      margin-left: auto;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}']),
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}'] {
+      margin-right: auto;
+    }
+  }
+}
+@mixin generateShadowDomHorizontalStretch($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$horizontal}'] {
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-stretch}'] {
+      & > ::slotted(*) {
+        flex-grow: 1;
+      }
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$stretch}'] {
+      & > ::slotted(*) {
+        flex-grow: 1;
+      }
+    }
+  }
+}
+@mixin generateShadowDomHorizontalItemAlignment($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$horizontal}'] {
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}']),
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-center}']) {
+      align-self: center;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}']),
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-center}']) {
+      margin-left: auto !important;
+      margin-right: auto !important;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$top}']) {
+      align-self: flex-start;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$bottom}']) {
+      align-self: flex-end;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$right}']) {
+      margin-left: auto !important;
+    }
+
+    ::slotted([#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}']) {
+      margin-right: auto !important;
+    }
+  }
+}
+@mixin generateShadowDomHorizontalVerticalAxisFill($breakpoint: null) {
+  [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$fill}'] > ::slotted(*) {
+    flex-grow: 1 !important;
+    flex-basis: 0 !important;
+  }
+}

package/styles/core/layout/mixins/_mixins.type-horizontal.scss

@@ -0,0 +1,113 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use '../optimize';
+
+@mixin generateHorizontalAxisAlignment($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$horizontal}'] {
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$top}'] {
+      align-items: flex-start;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$bottom}'] {
+      align-items: flex-end;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}'] {
+      justify-content: flex-start;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$right}'] {
+      justify-content: flex-end;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-center}'] {
+      align-items: center;
+      align-content: center;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-center}'] {
+      justify-content: center;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}'] {
+      align-items: center;
+      place-content: center center;
+    }
+  }
+}
+@mixin generateHorizontalOrder($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$horizontal}'] {
+    &[#{optimize.$layout}*='order#{$breakpoint}:reverse'] {
+      flex-direction: row-reverse;
+    }
+  }
+}
+@mixin generateHorizontalStretch($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$horizontal}'] {
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-stretch}'] {
+      align-items: stretch;
+      align-content: stretch;
+      flex-grow: 1;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-stretch}'] {
+      justify-content: stretch;
+      flex-grow: 1;
+
+      & > * {
+        flex-grow: 1;
+      }
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$stretch}'] {
+      align-items: stretch;
+      align-content: stretch;
+      flex-grow: 1;
+
+      & > * {
+        flex-grow: 1;
+      }
+    }
+  }
+}
+@mixin generateHorizontalItemAlignment($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$horizontal}'] {
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}'],
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-center}'] {
+      align-self: center;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}'],
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-center}'] {
+      margin-left: auto !important;
+      margin-right: auto !important;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$top}'] {
+      align-self: flex-start;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$bottom}'] {
+      align-self: flex-end;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$right}'] {
+      margin-left: auto !important;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}'] {
+      margin-right: auto !important;
+    }
+  }
+}
+@mixin generateHorizontalAlignments($breakpoint: null) {
+  @include generateHorizontalAxisAlignment($breakpoint);
+  @include generateHorizontalOrder($breakpoint);
+  @include generateHorizontalStretch($breakpoint);
+  @include generateHorizontalItemAlignment($breakpoint);
+}

package/styles/core/layout/mixins/_mixins.type-vertical.scss

@@ -0,0 +1,108 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use '../optimize';
+
+@mixin generateVerticalAxisAlignment($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$vertical}'] {
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$top}'] {
+      justify-content: flex-start;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$bottom}'] {
+      justify-content: flex-end;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}'] {
+      align-items: flex-start;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$right}'] {
+      align-items: flex-end;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-center}'] {
+      justify-content: center;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-center}'] {
+      align-items: center;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}'] {
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+@mixin generateVerticalOrder($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$vertical}'] {
+    &[#{optimize.$layout}*='order#{$breakpoint}:reverse'] {
+      flex-direction: column-reverse;
+    }
+  }
+}
+@mixin generateVerticalStretch($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$vertical}'] {
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-stretch}'] {
+      justify-content: stretch;
+
+      & > * {
+        flex-grow: 1;
+      }
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-stretch}'] {
+      align-items: stretch;
+    }
+
+    &[#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$stretch}'] {
+      align-items: stretch;
+      justify-content: stretch;
+
+      & > * {
+        flex-grow: 1;
+      }
+    }
+  }
+}
+@mixin generateVerticalItemAlignment($breakpoint: null) {
+  [#{optimize.$layout}~='#{optimize.$vertical}'] {
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}'],
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$vertical-center}'] {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$center}'],
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$horizontal-center}'] {
+      align-self: center;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$top}'] {
+      margin-bottom: auto !important;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$bottom}'] {
+      margin-top: auto !important;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$right}'] {
+      margin-left: auto;
+    }
+
+    & > [#{optimize.$layout}*='#{optimize.$align}#{$breakpoint}:#{optimize.$left}'] {
+      margin-right: auto;
+    }
+  }
+}
+@mixin generateVerticalAlignments($breakpoint: null) {
+  @include generateVerticalAxisAlignment($breakpoint);
+  @include generateVerticalOrder($breakpoint);
+  @include generateVerticalStretch($breakpoint);
+  @include generateVerticalItemAlignment($breakpoint);
+}

package/styles/core/module.layout.scss

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use './layout/optimize';
+@use './layout/alignments';
+@use './layout/type-horizontal';
+@use './layout/type-vertical';
+@use './layout/type-grid';
+@use './layout/display';
+@use './layout/spacing';
+@use './layout/container';
+
+*,
+*::before,
+*::after,
+:host {
+  box-sizing: border-box;
+}

package/styles/core/module.reset.scss

@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use './tokens/variables.tokens' as tokens;
+
+html {
+  font-size: calc((#{tokens.$hermes-global-base} / 16) * 100%); // convert any base value to a scaled percentage
+  box-sizing: border-box !important;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit !important;
+}
+
+[hermes-base-font='16'] {
+  --hermes-global-base: 16;
+}
+
+[hermes-theme] {
+  background: tokens.$hermes-alias-object-app-background;
+  color: tokens.$hermes-alias-typography-color-500;
+  scrollbar-color: tokens.$hermes-alias-utility-gray tokens.$hermes-alias-object-opacity-0;
+  color-scheme: light;
+}
+
+[hermes-theme~='dark'] {
+  color-scheme: dark;
+}
+
+[hermes-control] ::placeholder {
+  color: tokens.$hermes-alias-typography-color-200;
+}
+
+[hermes-control][_disabled] {
+  --hermes-alias-typography-color-200: #{tokens.$hermes-alias-status-disabled};
+}
+
+html[hermes-focus-trap] {
+  overflow: hidden !important;
+  width: 100vw;
+  height: 100vh;
+}

package/styles/core/module.typography.scss

@@ -0,0 +1,9 @@
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+@use './typography/typography';
+@use './typography/legacy-typography';