@cloudscape-design/components-themeable 3.0.935 → 3.0.937

package/lib/internal/template/internal/generated/styles/tokens.d.ts

@@ -243,6 +243,12 @@ export const colorBackgroundButtonPrimaryActive: string;
 export const colorBackgroundButtonPrimaryDefault: string;
 export const colorBackgroundButtonPrimaryDisabled: string;
 export const colorBackgroundButtonPrimaryHover: string;
+export const colorBackgroundDirectionButtonActive: string;
+export const colorBackgroundDirectionButtonDefault: string;
+export const colorBackgroundDirectionButtonDisabled: string;
+export const colorBackgroundDirectionButtonHover: string;
+export const colorTextDirectionButtonDefault: string;
+export const colorTextDirectionButtonDisabled: string;
 export const colorBackgroundCalendarCurrentDate: string;
 export const colorBackgroundCellShaded: string;
 export const colorBackgroundCodeEditorGutterActiveLineDefault: string;

package/lib/internal/template/internal/generated/styles/tokens.js

@@ -243,6 +243,12 @@ export var colorBackgroundButtonPrimaryActive = "var(--color-background-button-p
 export var colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-15m72j, #006ce0)";
 export var colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-l4i17m, #ebebf0)";
 export var colorBackgroundButtonPrimaryHover = "var(--color-background-button-primary-hover-0qidjj, #002b66)";
+export var colorBackgroundDirectionButtonActive = "var(--color-background-direction-button-active-hvd0pc, #232b37)";
+export var colorBackgroundDirectionButtonDefault = "var(--color-background-direction-button-default-0p1y3c, #424650)";
+export var colorBackgroundDirectionButtonDisabled = "var(--color-background-direction-button-disabled-54epp1, #ebebf0)";
+export var colorBackgroundDirectionButtonHover = "var(--color-background-direction-button-hover-pwck9a, #333843)";
+export var colorTextDirectionButtonDefault = "var(--color-text-direction-button-default-554zrt, #ffffff)";
+export var colorTextDirectionButtonDisabled = "var(--color-text-direction-button-disabled-ok08o0, #b4b4bb)";
 export var colorBackgroundCalendarCurrentDate = "var(--color-background-calendar-current-date-a6ucrp, #f3f3f7)";
 export var colorBackgroundCellShaded = "var(--color-background-cell-shaded-sc089k, #f6f6f9)";
 export var colorBackgroundCodeEditorGutterActiveLineDefault = "var(--color-background-code-editor-gutter-active-line-default-v8is2q, #656871)";

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -857,6 +857,30 @@ module.exports.preset = {
         "light": "{colorBorderButtonNormalHover}",
         "dark": "{colorBorderButtonNormalHover}"
       },
+      "colorBackgroundDirectionButtonActive": {
+        "light": "{colorGrey700}",
+        "dark": "{colorGrey700}"
+      },
+      "colorBackgroundDirectionButtonDefault": {
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
+      },
+      "colorBackgroundDirectionButtonDisabled": {
+        "light": "{colorGrey200}",
+        "dark": "{colorGrey700}"
+      },
+      "colorBackgroundDirectionButtonHover": {
+        "light": "{colorGrey650}",
+        "dark": "{colorGrey650}"
+      },
+      "colorTextDirectionButtonDefault": {
+        "light": "{colorWhite}",
+        "dark": "{colorWhite}"
+      },
+      "colorTextDirectionButtonDisabled": {
+        "light": "{colorTextInteractiveDisabled}",
+        "dark": "{colorTextInteractiveDisabled}"
+      },
       "colorBackgroundCalendarCurrentDate": {
         "light": "{colorGrey150}",
         "dark": "{colorGrey650}"
@@ -3070,6 +3094,30 @@ module.exports.preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -4192,6 +4240,30 @@ module.exports.preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -5246,6 +5318,30 @@ module.exports.preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey150}",
             "dark": "{colorGrey650}"
@@ -6300,6 +6396,30 @@ module.exports.preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey150}",
             "dark": "{colorGrey650}"
@@ -7354,6 +7474,30 @@ module.exports.preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey150}",
             "dark": "{colorGrey650}"
@@ -8410,6 +8554,30 @@ module.exports.preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -9565,6 +9733,12 @@ module.exports.preset = {
       "colorBackgroundButtonPrimaryDefault": "color",
       "colorBackgroundButtonPrimaryDisabled": "color",
       "colorBackgroundButtonPrimaryHover": "color",
+      "colorBackgroundDirectionButtonActive": "color",
+      "colorBackgroundDirectionButtonDefault": "color",
+      "colorBackgroundDirectionButtonDisabled": "color",
+      "colorBackgroundDirectionButtonHover": "color",
+      "colorTextDirectionButtonDefault": "color",
+      "colorTextDirectionButtonDisabled": "color",
       "colorBackgroundCalendarCurrentDate": "color",
       "colorBackgroundCellShaded": "color",
       "colorBackgroundCodeEditorGutterActiveLineDefault": "color",
@@ -10848,6 +11022,12 @@ module.exports.preset = {
     "colorBackgroundButtonPrimaryDefault": "color-background-button-primary-default",
     "colorBackgroundButtonPrimaryDisabled": "color-background-button-primary-disabled",
     "colorBackgroundButtonPrimaryHover": "color-background-button-primary-hover",
+    "colorBackgroundDirectionButtonActive": "color-background-direction-button-active",
+    "colorBackgroundDirectionButtonDefault": "color-background-direction-button-default",
+    "colorBackgroundDirectionButtonDisabled": "color-background-direction-button-disabled",
+    "colorBackgroundDirectionButtonHover": "color-background-direction-button-hover",
+    "colorTextDirectionButtonDefault": "color-text-direction-button-default",
+    "colorTextDirectionButtonDisabled": "color-text-direction-button-disabled",
     "colorBackgroundCalendarCurrentDate": "color-background-calendar-current-date",
     "colorBackgroundCellShaded": "color-background-cell-shaded",
     "colorBackgroundCodeEditorGutterActiveLineDefault": "color-background-code-editor-gutter-active-line-default",
@@ -11590,6 +11770,12 @@ module.exports.preset = {
     "colorBackgroundButtonPrimaryDefault": "--color-background-button-primary-default-15m72j",
     "colorBackgroundButtonPrimaryDisabled": "--color-background-button-primary-disabled-l4i17m",
     "colorBackgroundButtonPrimaryHover": "--color-background-button-primary-hover-0qidjj",
+    "colorBackgroundDirectionButtonActive": "--color-background-direction-button-active-hvd0pc",
+    "colorBackgroundDirectionButtonDefault": "--color-background-direction-button-default-0p1y3c",
+    "colorBackgroundDirectionButtonDisabled": "--color-background-direction-button-disabled-54epp1",
+    "colorBackgroundDirectionButtonHover": "--color-background-direction-button-hover-pwck9a",
+    "colorTextDirectionButtonDefault": "--color-text-direction-button-default-554zrt",
+    "colorTextDirectionButtonDisabled": "--color-text-direction-button-disabled-ok08o0",
     "colorBackgroundCalendarCurrentDate": "--color-background-calendar-current-date-a6ucrp",
     "colorBackgroundCellShaded": "--color-background-cell-shaded-sc089k",
     "colorBackgroundCodeEditorGutterActiveLineDefault": "--color-background-code-editor-gutter-active-line-default-v8is2q",

package/lib/internal/template/internal/generated/theming/index.js

@@ -857,6 +857,30 @@ export var preset = {
         "light": "{colorBorderButtonNormalHover}",
         "dark": "{colorBorderButtonNormalHover}"
       },
+      "colorBackgroundDirectionButtonActive": {
+        "light": "{colorGrey700}",
+        "dark": "{colorGrey700}"
+      },
+      "colorBackgroundDirectionButtonDefault": {
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
+      },
+      "colorBackgroundDirectionButtonDisabled": {
+        "light": "{colorGrey200}",
+        "dark": "{colorGrey700}"
+      },
+      "colorBackgroundDirectionButtonHover": {
+        "light": "{colorGrey650}",
+        "dark": "{colorGrey650}"
+      },
+      "colorTextDirectionButtonDefault": {
+        "light": "{colorWhite}",
+        "dark": "{colorWhite}"
+      },
+      "colorTextDirectionButtonDisabled": {
+        "light": "{colorTextInteractiveDisabled}",
+        "dark": "{colorTextInteractiveDisabled}"
+      },
       "colorBackgroundCalendarCurrentDate": {
         "light": "{colorGrey150}",
         "dark": "{colorGrey650}"
@@ -3070,6 +3094,30 @@ export var preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -4192,6 +4240,30 @@ export var preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -5246,6 +5318,30 @@ export var preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey150}",
             "dark": "{colorGrey650}"
@@ -6300,6 +6396,30 @@ export var preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey150}",
             "dark": "{colorGrey650}"
@@ -7354,6 +7474,30 @@ export var preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey150}",
             "dark": "{colorGrey650}"
@@ -8410,6 +8554,30 @@ export var preset = {
             "light": "{colorBorderButtonNormalHover}",
             "dark": "{colorBorderButtonNormalHover}"
           },
+          "colorBackgroundDirectionButtonActive": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
+          },
+          "colorBackgroundDirectionButtonDisabled": {
+            "light": "{colorGrey700}",
+            "dark": "{colorGrey700}"
+          },
+          "colorBackgroundDirectionButtonHover": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
+          "colorTextDirectionButtonDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
+          },
+          "colorTextDirectionButtonDisabled": {
+            "light": "{colorTextInteractiveDisabled}",
+            "dark": "{colorTextInteractiveDisabled}"
+          },
           "colorBackgroundCalendarCurrentDate": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -9565,6 +9733,12 @@ export var preset = {
       "colorBackgroundButtonPrimaryDefault": "color",
       "colorBackgroundButtonPrimaryDisabled": "color",
       "colorBackgroundButtonPrimaryHover": "color",
+      "colorBackgroundDirectionButtonActive": "color",
+      "colorBackgroundDirectionButtonDefault": "color",
+      "colorBackgroundDirectionButtonDisabled": "color",
+      "colorBackgroundDirectionButtonHover": "color",
+      "colorTextDirectionButtonDefault": "color",
+      "colorTextDirectionButtonDisabled": "color",
       "colorBackgroundCalendarCurrentDate": "color",
       "colorBackgroundCellShaded": "color",
       "colorBackgroundCodeEditorGutterActiveLineDefault": "color",
@@ -10848,6 +11022,12 @@ export var preset = {
     "colorBackgroundButtonPrimaryDefault": "color-background-button-primary-default",
     "colorBackgroundButtonPrimaryDisabled": "color-background-button-primary-disabled",
     "colorBackgroundButtonPrimaryHover": "color-background-button-primary-hover",
+    "colorBackgroundDirectionButtonActive": "color-background-direction-button-active",
+    "colorBackgroundDirectionButtonDefault": "color-background-direction-button-default",
+    "colorBackgroundDirectionButtonDisabled": "color-background-direction-button-disabled",
+    "colorBackgroundDirectionButtonHover": "color-background-direction-button-hover",
+    "colorTextDirectionButtonDefault": "color-text-direction-button-default",
+    "colorTextDirectionButtonDisabled": "color-text-direction-button-disabled",
     "colorBackgroundCalendarCurrentDate": "color-background-calendar-current-date",
     "colorBackgroundCellShaded": "color-background-cell-shaded",
     "colorBackgroundCodeEditorGutterActiveLineDefault": "color-background-code-editor-gutter-active-line-default",
@@ -11590,6 +11770,12 @@ export var preset = {
     "colorBackgroundButtonPrimaryDefault": "--color-background-button-primary-default-15m72j",
     "colorBackgroundButtonPrimaryDisabled": "--color-background-button-primary-disabled-l4i17m",
     "colorBackgroundButtonPrimaryHover": "--color-background-button-primary-hover-0qidjj",
+    "colorBackgroundDirectionButtonActive": "--color-background-direction-button-active-hvd0pc",
+    "colorBackgroundDirectionButtonDefault": "--color-background-direction-button-default-0p1y3c",
+    "colorBackgroundDirectionButtonDisabled": "--color-background-direction-button-disabled-54epp1",
+    "colorBackgroundDirectionButtonHover": "--color-background-direction-button-hover-pwck9a",
+    "colorTextDirectionButtonDefault": "--color-text-direction-button-default-554zrt",
+    "colorTextDirectionButtonDisabled": "--color-text-direction-button-disabled-ok08o0",
     "colorBackgroundCalendarCurrentDate": "--color-background-calendar-current-date-a6ucrp",
     "colorBackgroundCellShaded": "--color-background-cell-shaded-sc089k",
     "colorBackgroundCodeEditorGutterActiveLineDefault": "--color-background-code-editor-gutter-active-line-default-v8is2q",

package/lib/internal/template/internal/utils/pointer-events-mock.d.ts

@@ -0,0 +1,5 @@
+export declare class PointerEventMock extends MouseEvent {
+    readonly pointerType: string;
+    constructor(type: string, props: PointerEventInit);
+}
+//# sourceMappingURL=pointer-events-mock.d.ts.map

package/lib/internal/template/internal/utils/pointer-events-mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-events-mock.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/pointer-events-mock.ts"],"names":[],"mappings":"AAGA,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;gBACjB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB;CAIlD"}

package/lib/internal/template/internal/utils/pointer-events-mock.js

@@ -0,0 +1,10 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export class PointerEventMock extends MouseEvent {
+    constructor(type, props) {
+        var _a;
+        super(type, props);
+        this.pointerType = (_a = props.pointerType) !== null && _a !== void 0 ? _a : 'mouse';
+    }
+}
+//# sourceMappingURL=pointer-events-mock.js.map

package/lib/internal/template/internal/utils/pointer-events-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-events-mock.js","sourceRoot":"","sources":["../../../../src/internal/utils/pointer-events-mock.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAE9C,YAAY,IAAY,EAAE,KAAuB;;QAC/C,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,OAAO,CAAC;IAClD,CAAC;CACF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport class PointerEventMock extends MouseEvent {\n  readonly pointerType: string;\n  constructor(type: string, props: PointerEventInit) {\n    super(type, props);\n    this.pointerType = props.pointerType ?? 'mouse';\n  }\n}\n"]}

package/lib/internal/template/side-navigation/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAapF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,WAAW,eA+CzE;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;CACxF;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,GACd,EAAE,wBAAwB,eA8I1B"}
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAapF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,WAAW,eA+CzE;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;CACxF;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,GACd,EAAE,wBAAwB,eA8I1B"}

package/lib/internal/template/side-navigation/parts.js

@@ -12,6 +12,7 @@ import { checkSafeUrl } from '../internal/utils/check-safe-url';
 import { hasActiveLink } from './util';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
+import testUtilStyles from './test-classes/styles.css.js';
 export function Header({ definition, activeHref, fireFollow }) {
     checkSafeUrl('SideNavigation', definition.href);
     const onClick = useCallback((event) => {
@@ -137,7 +138,7 @@ function Link({ definition, expanded, activeHref, fireFollow, position }) {
             React.createElement("span", { className: analyticsSelectors['link-text'] }, definition.text),
             definition.external && (React.createElement("span", { "aria-label": definition.externalIconAriaLabel, role: definition.externalIconAriaLabel ? 'img' : undefined },
                 React.createElement(InternalIcon, { name: "external", className: styles['external-icon'] })))),
-        definition.info && React.createElement("span", { className: styles.info }, definition.info)));
+        definition.info && React.createElement("span", { className: clsx(styles.info, testUtilStyles.info) }, definition.info)));
 }
 function Section({ definition, activeHref, fireFollow, fireChange, variant, position }) {
     var _a;