@cloudscape-design/components 3.0.1346 → 3.0.1348

package/internal/generated/theming/index.js

@@ -2811,6 +2811,10 @@ export var preset = {
         "light": "{colorTextLinkHover}",
         "dark": "{colorTextLinkHover}"
       },
+      "colorTextLinkSecondaryDecorationDefault": {
+        "light": "transparent",
+        "dark": "transparent"
+      },
       "colorTextLinkInfoDefault": {
         "light": "{colorTextLinkDefault}",
         "dark": "{colorTextLinkDefault}"
@@ -3231,6 +3235,7 @@ export var preset = {
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
       "fontDecorationStyleLink": "solid",
+      "fontDecorationLineLinkSecondary": "none",
       "fontDecorationThicknessLink": "1px",
       "fontDecorationThicknessLinkDisplayL": "2px",
       "fontDisplayLabelWeight": "700",
@@ -5931,6 +5936,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -7831,6 +7840,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -9669,6 +9682,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -11343,6 +11360,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -13017,6 +13038,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -14693,6 +14718,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -15806,6 +15835,7 @@ export var preset = {
       "colorTextLinkDecorationHover": "color",
       "colorTextLinkSecondaryDefault": "color",
       "colorTextLinkSecondaryHover": "color",
+      "colorTextLinkSecondaryDecorationDefault": "color",
       "colorTextLinkInfoDefault": "color",
       "colorTextLinkInfoHover": "color",
       "colorTextLinkInvertedDefault": "color",
@@ -18122,6 +18152,7 @@ export var preset = {
     "colorTextLinkDecorationHover": "color-text-link-decoration-hover",
     "colorTextLinkSecondaryDefault": "color-text-link-secondary-default",
     "colorTextLinkSecondaryHover": "color-text-link-secondary-hover",
+    "colorTextLinkSecondaryDecorationDefault": "color-text-link-secondary-decoration-default",
     "colorTextLinkInfoDefault": "color-text-link-info-default",
     "colorTextLinkInfoHover": "color-text-link-info-hover",
     "colorTextLinkInvertedDefault": "color-text-link-inverted-default",
@@ -18230,6 +18261,7 @@ export var preset = {
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
     "fontDecorationStyleLink": "font-decoration-style-link",
+    "fontDecorationLineLinkSecondary": "font-decoration-line-link-secondary",
     "fontDecorationThicknessLink": "font-decoration-thickness-link",
     "fontDecorationThicknessLinkDisplayL": "font-decoration-thickness-link-display-l",
     "fontDisplayLabelWeight": "font-display-label-weight",
@@ -19273,6 +19305,7 @@ export var preset = {
     "colorTextLinkDecorationHover": "--color-text-link-decoration-hover-kui2t9",
     "colorTextLinkSecondaryDefault": "--color-text-link-secondary-default-6ui3do",
     "colorTextLinkSecondaryHover": "--color-text-link-secondary-hover-oy8eob",
+    "colorTextLinkSecondaryDecorationDefault": "--color-text-link-secondary-decoration-default-icj4nn",
     "colorTextLinkInfoDefault": "--color-text-link-info-default-mgpk1w",
     "colorTextLinkInfoHover": "--color-text-link-info-hover-os951m",
     "colorTextLinkInvertedDefault": "--color-text-link-inverted-default-n9ytl0",
@@ -19381,6 +19414,7 @@ export var preset = {
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
     "fontDecorationStyleLink": "--font-decoration-style-link-pk2xmp",
+    "fontDecorationLineLinkSecondary": "--font-decoration-line-link-secondary-yegojw",
     "fontDecorationThicknessLink": "--font-decoration-thickness-link-uesuo7",
     "fontDecorationThicknessLinkDisplayL": "--font-decoration-thickness-link-display-l-6g5fyl",
     "fontDisplayLabelWeight": "--font-display-label-weight-zavpeo",

package/internal/hooks/use-base-component/index.d.ts

@@ -4,11 +4,8 @@ import { AnalyticsMetadata } from '../../../types/analytics';
 export interface InternalBaseComponentProps {
   __internalRootRef?: React.Ref<any>;
 }
-/**
- * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be
- * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
- * root DOM node and emits the telemetry for this component.
- */
+/** for testing only */
+export declare function clearThemesInitialized(): void;
 export default function useBaseComponent(componentName: string, config?: ComponentConfiguration, analyticsMetadata?: AnalyticsMetadata): {
   __internalRootRef: React.RefObject<any>;
 };

package/internal/hooks/use-base-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,sBAAsB,EAIvB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7D,MAAM,WAAW,0BAA0B;IAKzC,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACpC;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAa,EAAE,MAAM,EACrB,MAAM,CAAC,EAAE,sBAAsB,EAC/B,iBAAiB,CAAC,EAAE,iBAAiB;;EAatC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,sBAAsB,EAKvB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7D,MAAM,WAAW,0BAA0B;IAKzC,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACpC;AAUD,uBAAuB;AACvB,wBAAgB,sBAAsB,SAErC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAa,EAAE,MAAM,EACrB,MAAM,CAAC,EAAE,sBAAsB,EAC/B,iBAAiB,CAAC,EAAE,iBAAiB;;EAkBtC"}

package/internal/hooks/use-base-component/index.js

@@ -1,5 +1,5 @@
-import { useComponentMetadata, useComponentMetrics, useFocusVisible, } from '@cloudscape-design/component-toolkit/internal';
-import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
+import { initThemes, useComponentMetadata, useComponentMetrics, useFocusVisible, } from '@cloudscape-design/component-toolkit/internal';
+import { ALWAYS_VISUAL_REFRESH, PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
 import { getVisualTheme } from '../../utils/get-visual-theme';
 import { useVisualRefresh } from '../use-visual-mode';
 import { useMissingStylesCheck } from './styles-check';
@@ -8,7 +8,16 @@ import { useMissingStylesCheck } from './styles-check';
  * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
  * root DOM node and emits the telemetry for this component.
  */
+let themesInitialized = false;
+/** for testing only */
+export function clearThemesInitialized() {
+    themesInitialized = false;
+}
 export default function useBaseComponent(componentName, config, analyticsMetadata) {
+    if (!themesInitialized) {
+        initThemes({ skipVisualRefresh: ALWAYS_VISUAL_REFRESH });
+        themesInitialized = true;
+    }
     const isVisualRefresh = useVisualRefresh();
     const theme = getVisualTheme(THEME, isVisualRefresh);
     useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);

package/internal/hooks/use-base-component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAUvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAqB,EACrB,MAA+B,EAC/B,iBAAqC;IAErC,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACrD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;IACtH,MAAM,UAAU,GAAG,oBAAoB,CACrC,aAAa,EACb,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,EAChE,iBAAwB,CACzB,CAAC;IACF,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAClC,eAAe,CAAC,UAAU,CAAC,CAAC;IAC5B,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n  ComponentConfiguration,\n  useComponentMetadata,\n  useComponentMetrics,\n  useFocusVisible,\n} from '@cloudscape-design/component-toolkit/internal';\n\nimport { AnalyticsMetadata } from '../../../types/analytics';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { getVisualTheme } from '../../utils/get-visual-theme';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport { useMissingStylesCheck } from './styles-check';\n\nexport interface InternalBaseComponentProps {\n  // Typescript requires Ref type to be exact DOM element type it is assigned to, e.g. HTMLDivElement\n  // Typical community practice is explicit type casting: https://stackoverflow.com/questions/61102101/cannot-assign-refobjecthtmldivelement-to-refobjecthtmlelement-instance\n  // To avoid doing this, we use any to skip type checks. Treat this type as pass through, never\n  // read `__internalRootRef.current`, use your own refs if you need\n  __internalRootRef?: React.Ref<any>;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent(\n  componentName: string,\n  config?: ComponentConfiguration,\n  analyticsMetadata?: AnalyticsMetadata\n) {\n  const isVisualRefresh = useVisualRefresh();\n  const theme = getVisualTheme(THEME, isVisualRefresh);\n  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n  const elementRef = useComponentMetadata(\n    componentName,\n    { packageName: PACKAGE_SOURCE, version: PACKAGE_VERSION, theme },\n    analyticsMetadata as any\n  );\n  useMissingStylesCheck(elementRef);\n  useFocusVisible(elementRef);\n  return { __internalRootRef: elementRef };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAUvD;;;;GAIG;AAEH,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAE9B,uBAAuB;AACvB,MAAM,UAAU,sBAAsB;IACpC,iBAAiB,GAAG,KAAK,CAAC;AAC5B,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAqB,EACrB,MAA+B,EAC/B,iBAAqC;IAErC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,UAAU,CAAC,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC,CAAC;QACzD,iBAAiB,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACrD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;IACtH,MAAM,UAAU,GAAG,oBAAoB,CACrC,aAAa,EACb,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,EAChE,iBAAwB,CACzB,CAAC;IACF,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAClC,eAAe,CAAC,UAAU,CAAC,CAAC;IAC5B,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n  ComponentConfiguration,\n  initThemes,\n  useComponentMetadata,\n  useComponentMetrics,\n  useFocusVisible,\n} from '@cloudscape-design/component-toolkit/internal';\n\nimport { AnalyticsMetadata } from '../../../types/analytics';\nimport { ALWAYS_VISUAL_REFRESH, PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { getVisualTheme } from '../../utils/get-visual-theme';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport { useMissingStylesCheck } from './styles-check';\n\nexport interface InternalBaseComponentProps {\n  // Typescript requires Ref type to be exact DOM element type it is assigned to, e.g. HTMLDivElement\n  // Typical community practice is explicit type casting: https://stackoverflow.com/questions/61102101/cannot-assign-refobjecthtmldivelement-to-refobjecthtmlelement-instance\n  // To avoid doing this, we use any to skip type checks. Treat this type as pass through, never\n  // read `__internalRootRef.current`, use your own refs if you need\n  __internalRootRef?: React.Ref<any>;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\n\nlet themesInitialized = false;\n\n/** for testing only */\nexport function clearThemesInitialized() {\n  themesInitialized = false;\n}\n\nexport default function useBaseComponent(\n  componentName: string,\n  config?: ComponentConfiguration,\n  analyticsMetadata?: AnalyticsMetadata\n) {\n  if (!themesInitialized) {\n    initThemes({ skipVisualRefresh: ALWAYS_VISUAL_REFRESH });\n    themesInitialized = true;\n  }\n\n  const isVisualRefresh = useVisualRefresh();\n  const theme = getVisualTheme(THEME, isVisualRefresh);\n  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n  const elementRef = useComponentMetadata(\n    componentName,\n    { packageName: PACKAGE_SOURCE, version: PACKAGE_VERSION, theme },\n    analyticsMetadata as any\n  );\n  useMissingStylesCheck(elementRef);\n  useFocusVisible(elementRef);\n  return { __internalRootRef: elementRef };\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "7f29935f2cd22d493380f1731e1bccbdb7996676"
+  "commit": "701afebdcddc5771fc76bcbba094bae221217e7f"
 }

package/link/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1yw4r_145",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1yw4r_213",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1yw4r_246",
-  "variant-primary": "awsui_variant-primary_4c84z_1yw4r_281",
-  "variant-info": "awsui_variant-info_4c84z_1yw4r_314",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1yw4r_349",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1yw4r_381",
-  "button": "awsui_button_4c84z_1yw4r_416",
-  "color-inverted": "awsui_color-inverted_4c84z_1yw4r_488",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1yw4r_516",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1yw4r_524",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1yw4r_531",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1yw4r_539",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1yw4r_547",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1yw4r_555",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1yw4r_563",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1yw4r_571",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1yw4r_579",
-  "in-inline-token": "awsui_in-inline-token_4c84z_1yw4r_587",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1yw4r_591",
-  "icon": "awsui_icon_4c84z_1yw4r_591"
+  "link": "awsui_link_4c84z_13skl_145",
+  "variant-recovery": "awsui_variant-recovery_4c84z_13skl_213",
+  "variant-secondary": "awsui_variant-secondary_4c84z_13skl_246",
+  "variant-primary": "awsui_variant-primary_4c84z_13skl_281",
+  "variant-info": "awsui_variant-info_4c84z_13skl_314",
+  "variant-value-large": "awsui_variant-value-large_4c84z_13skl_349",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_13skl_381",
+  "button": "awsui_button_4c84z_13skl_416",
+  "color-inverted": "awsui_color-inverted_4c84z_13skl_488",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_13skl_519",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_13skl_527",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_13skl_534",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_13skl_542",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_13skl_550",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_13skl_558",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_13skl_566",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_13skl_574",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_13skl_582",
+  "in-inline-token": "awsui_in-inline-token_4c84z_13skl_590",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_13skl_594",
+  "icon": "awsui_icon_4c84z_13skl_594"
 };