@cloudscape-design/components 3.0.620 → 3.0.622

package/internal/generated/theming/index.cjs

@@ -989,6 +989,26 @@ module.exports.preset = {
         "light": "{colorBackgroundSegmentDefault}",
         "dark": "{colorBackgroundSegmentDefault}"
       },
+      "colorBackgroundSliderHandleDefault": {
+        "light": "{colorBlue600}",
+        "dark": "{colorBlue500}"
+      },
+      "colorBackgroundSliderHandleActive": {
+        "light": "{colorBlue700}",
+        "dark": "{colorBlue400}"
+      },
+      "colorBackgroundSliderTrack": {
+        "light": "{colorGrey500}",
+        "dark": "{colorGrey550}"
+      },
+      "colorBackgroundSliderHandleRing": {
+        "light": "{colorWhite}",
+        "dark": "{colorGrey800}"
+      },
+      "colorBackgroundSliderErrorPressed": {
+        "light": "{colorRed700}",
+        "dark": "{colorRed500}"
+      },
       "colorBackgroundStatusError": {
         "light": "{colorRed100}",
         "dark": "{colorRed900}"
@@ -3039,6 +3059,26 @@ module.exports.preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed500}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed900}",
             "dark": "{colorRed900}"
@@ -4061,6 +4101,26 @@ module.exports.preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed500}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed900}",
             "dark": "{colorRed900}"
@@ -5015,6 +5075,26 @@ module.exports.preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue700}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed700}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed100}",
             "dark": "{colorRed900}"
@@ -5969,6 +6049,26 @@ module.exports.preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue700}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed700}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed100}",
             "dark": "{colorRed900}"
@@ -6923,6 +7023,26 @@ module.exports.preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue700}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed700}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed100}",
             "dark": "{colorRed900}"
@@ -7879,6 +7999,26 @@ module.exports.preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed500}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed900}",
             "dark": "{colorRed900}"
@@ -8775,6 +8915,11 @@ module.exports.preset = {
       "colorBackgroundSegmentDefault": "color",
       "colorBackgroundSegmentDisabled": "color",
       "colorBackgroundSegmentHover": "color",
+      "colorBackgroundSliderHandleDefault": "color",
+      "colorBackgroundSliderHandleActive": "color",
+      "colorBackgroundSliderTrack": "color",
+      "colorBackgroundSliderHandleRing": "color",
+      "colorBackgroundSliderErrorPressed": "color",
       "colorBackgroundStatusError": "color",
       "colorBackgroundStatusInfo": "color",
       "colorBackgroundStatusSuccess": "color",
@@ -9945,6 +10090,11 @@ module.exports.preset = {
     "colorBackgroundSegmentDefault": "color-background-segment-default",
     "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
     "colorBackgroundSegmentHover": "color-background-segment-hover",
+    "colorBackgroundSliderHandleDefault": "color-background-slider-handle-default",
+    "colorBackgroundSliderHandleActive": "color-background-slider-handle-active",
+    "colorBackgroundSliderTrack": "color-background-slider-track",
+    "colorBackgroundSliderHandleRing": "color-background-slider-handle-ring",
+    "colorBackgroundSliderErrorPressed": "color-background-slider-error-pressed",
     "colorBackgroundStatusError": "color-background-status-error",
     "colorBackgroundStatusInfo": "color-background-status-info",
     "colorBackgroundStatusSuccess": "color-background-status-success",
@@ -10635,6 +10785,11 @@ module.exports.preset = {
     "colorBackgroundSegmentDefault": "--color-background-segment-default-3arros",
     "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-o4y9v5",
     "colorBackgroundSegmentHover": "--color-background-segment-hover-jysoxv",
+    "colorBackgroundSliderHandleDefault": "--color-background-slider-handle-default-atrlod",
+    "colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-ccegzg",
+    "colorBackgroundSliderTrack": "--color-background-slider-track-3m68rn",
+    "colorBackgroundSliderHandleRing": "--color-background-slider-handle-ring-31445h",
+    "colorBackgroundSliderErrorPressed": "--color-background-slider-error-pressed-g7oqnt",
     "colorBackgroundStatusError": "--color-background-status-error-pbprvn",
     "colorBackgroundStatusInfo": "--color-background-status-info-mvnbre",
     "colorBackgroundStatusSuccess": "--color-background-status-success-jp14wa",

package/internal/generated/theming/index.js

@@ -989,6 +989,26 @@ export var preset = {
         "light": "{colorBackgroundSegmentDefault}",
         "dark": "{colorBackgroundSegmentDefault}"
       },
+      "colorBackgroundSliderHandleDefault": {
+        "light": "{colorBlue600}",
+        "dark": "{colorBlue500}"
+      },
+      "colorBackgroundSliderHandleActive": {
+        "light": "{colorBlue700}",
+        "dark": "{colorBlue400}"
+      },
+      "colorBackgroundSliderTrack": {
+        "light": "{colorGrey500}",
+        "dark": "{colorGrey550}"
+      },
+      "colorBackgroundSliderHandleRing": {
+        "light": "{colorWhite}",
+        "dark": "{colorGrey800}"
+      },
+      "colorBackgroundSliderErrorPressed": {
+        "light": "{colorRed700}",
+        "dark": "{colorRed500}"
+      },
       "colorBackgroundStatusError": {
         "light": "{colorRed100}",
         "dark": "{colorRed900}"
@@ -3039,6 +3059,26 @@ export var preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed500}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed900}",
             "dark": "{colorRed900}"
@@ -4061,6 +4101,26 @@ export var preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed500}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed900}",
             "dark": "{colorRed900}"
@@ -5015,6 +5075,26 @@ export var preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue700}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed700}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed100}",
             "dark": "{colorRed900}"
@@ -5969,6 +6049,26 @@ export var preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue700}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed700}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed100}",
             "dark": "{colorRed900}"
@@ -6923,6 +7023,26 @@ export var preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue700}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed700}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed100}",
             "dark": "{colorRed900}"
@@ -7879,6 +7999,26 @@ export var preset = {
             "light": "{colorBackgroundSegmentDefault}",
             "dark": "{colorBackgroundSegmentDefault}"
           },
+          "colorBackgroundSliderHandleDefault": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorBackgroundSliderHandleActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
+          "colorBackgroundSliderTrack": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBackgroundSliderHandleRing": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
+          "colorBackgroundSliderErrorPressed": {
+            "light": "{colorRed500}",
+            "dark": "{colorRed500}"
+          },
           "colorBackgroundStatusError": {
             "light": "{colorRed900}",
             "dark": "{colorRed900}"
@@ -8775,6 +8915,11 @@ export var preset = {
       "colorBackgroundSegmentDefault": "color",
       "colorBackgroundSegmentDisabled": "color",
       "colorBackgroundSegmentHover": "color",
+      "colorBackgroundSliderHandleDefault": "color",
+      "colorBackgroundSliderHandleActive": "color",
+      "colorBackgroundSliderTrack": "color",
+      "colorBackgroundSliderHandleRing": "color",
+      "colorBackgroundSliderErrorPressed": "color",
       "colorBackgroundStatusError": "color",
       "colorBackgroundStatusInfo": "color",
       "colorBackgroundStatusSuccess": "color",
@@ -9945,6 +10090,11 @@ export var preset = {
     "colorBackgroundSegmentDefault": "color-background-segment-default",
     "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
     "colorBackgroundSegmentHover": "color-background-segment-hover",
+    "colorBackgroundSliderHandleDefault": "color-background-slider-handle-default",
+    "colorBackgroundSliderHandleActive": "color-background-slider-handle-active",
+    "colorBackgroundSliderTrack": "color-background-slider-track",
+    "colorBackgroundSliderHandleRing": "color-background-slider-handle-ring",
+    "colorBackgroundSliderErrorPressed": "color-background-slider-error-pressed",
     "colorBackgroundStatusError": "color-background-status-error",
     "colorBackgroundStatusInfo": "color-background-status-info",
     "colorBackgroundStatusSuccess": "color-background-status-success",
@@ -10635,6 +10785,11 @@ export var preset = {
     "colorBackgroundSegmentDefault": "--color-background-segment-default-3arros",
     "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-o4y9v5",
     "colorBackgroundSegmentHover": "--color-background-segment-hover-jysoxv",
+    "colorBackgroundSliderHandleDefault": "--color-background-slider-handle-default-atrlod",
+    "colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-ccegzg",
+    "colorBackgroundSliderTrack": "--color-background-slider-track-3m68rn",
+    "colorBackgroundSliderHandleRing": "--color-background-slider-handle-ring-31445h",
+    "colorBackgroundSliderErrorPressed": "--color-background-slider-error-pressed-g7oqnt",
     "colorBackgroundStatusError": "--color-background-status-error-pbprvn",
     "colorBackgroundStatusInfo": "--color-background-status-info-mvnbre",
     "colorBackgroundStatusSuccess": "--color-background-status-success-jp14wa",

package/internal/hooks/container-queries/use-container-breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-container-breakpoints.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/container-queries/use-container-breakpoints.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAA2D,QAAY;IAC5G,+EAA+E;IAC/E,MAAM,WAAW,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAC;IACrC,uDAAuD;IACvD,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,EAAE,CAAC,WAAW,CAAC,CAGpG,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { Breakpoint, getMatchingBreakpoint } from '../../breakpoints';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\n/**\n * Re-renders the component when the breakpoint for the component changes. Scopes the re-renders to the specific\n * breakpoints you want to break at. \"default\" is always included as a fallback, so [\"xs\"] would trigger for\n * \"default\" and \"xs\".\n *\n * @param triggers The relevant breakpoints to trigger for.\n */\nexport function useContainerBreakpoints<T extends readonly Breakpoint[], E extends Element = any>(triggers?: T) {\n  // triggers.join() gives us a stable value to use for the dependencies argument\n  const triggersDep = triggers?.join();\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useContainerQuery(rect => getMatchingBreakpoint(rect.contentBoxWidth, triggers), [triggersDep]) as [\n    'default' | T[number] | null,\n    React.Ref<E>\n  ];\n}\n"]}
+{"version":3,"file":"use-container-breakpoints.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/container-queries/use-container-breakpoints.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAA2D,QAAY;IAC5G,+EAA+E;IAC/E,MAAM,WAAW,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAC;IACrC,uDAAuD;IACvD,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,EAAE,CAAC,WAAW,CAAC,CAGpG,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { Breakpoint, getMatchingBreakpoint } from '../../breakpoints';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\n/**\n * Re-renders the component when the breakpoint for the component changes. Scopes the re-renders to the specific\n * breakpoints you want to break at. \"default\" is always included as a fallback, so [\"xs\"] would trigger for\n * \"default\" and \"xs\".\n *\n * @param triggers The relevant breakpoints to trigger for.\n */\nexport function useContainerBreakpoints<T extends readonly Breakpoint[], E extends Element = any>(triggers?: T) {\n  // triggers.join() gives us a stable value to use for the dependencies argument\n  const triggersDep = triggers?.join();\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useContainerQuery(rect => getMatchingBreakpoint(rect.contentBoxWidth, triggers), [triggersDep]) as [\n    'default' | T[number] | null,\n    React.Ref<E>,\n  ];\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "f55b9e7957b22f6ce2a58ad2d6d3fdfb48a3b27a"
+  "commit": "599df75831ea47db87c93622ed97dfee40ab97e5"
 }