npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1073 → 3.0.1074 - Mend

@cloudscape-design/components-themeable 3.0.1073 → 3.0.1074

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (175) hide show

package/lib/internal/template/internal/components/sortable-area/use-drag-and-drop-reorder.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-drag-and-drop-reorder.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-drag-and-drop-reorder.ts"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAGL,kBAAkB,~~EAElB~~,~~wBAAwB,EAExB,~~gBAAgB,EAGjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;~~AA8BjD~~,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,IAAI,EAAE,EAClD,KAAK,EACL,cAAc,GACf,EAAE;IACD,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;CACxD;;0BAK4B,gBAAgB,GAAG,IAAI;;;2BAQpB,mBAAmB~~;;EAwGlD~~"}
1	+ {"version":3,"file":"use-drag-and-drop-reorder.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-drag-and-drop-reorder.ts"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAGL,kBAAkB,EAGlB,gBAAgB,EAGjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,8BAA8B,EAAwB,MAAM,mBAAmB,CAAC;AAoBzF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,IAAI,EAAE,EAClD,KAAK,EACL,cAAc,GACf,EAAE;IACD,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;CACxD;;0BAK4B,gBAAgB,GAAG,IAAI;;;2BAQpB,mBAAmB;;;EA6GlD"}

package/lib/internal/template/internal/components/sortable-area/use-drag-and-drop-reorder.js CHANGED Viewed

@@ -3,17 +3,8 @@
 import { useRef, useState } from 'react';
 import { closestCenter, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
 import { hasSortableData } from '@dnd-kit/sortable';
-import { KeyboardSensor } from './keyboard-sensor';
-var KeyboardCode;
-(function (KeyboardCode) {
-    KeyboardCode["Space"] = "Space";
-    KeyboardCode["Down"] = "ArrowDown";
-    KeyboardCode["Right"] = "ArrowRight";
-    KeyboardCode["Left"] = "ArrowLeft";
-    KeyboardCode["Up"] = "ArrowUp";
-    KeyboardCode["Esc"] = "Escape";
-    KeyboardCode["Enter"] = "Enter";
-})(KeyboardCode || (KeyboardCode = {}));
+import { KeyboardAndUAPSensor } from './keyboard-sensor';
+import { EventName } from './keyboard-sensor/utilities/events';
 // A custom collision detection algorithm is used when using a keyboard to
 // work around an unexpected behavior when reordering items of variable height
 // with the keyboard.
@@ -41,10 +32,10 @@ export default function useDragAndDropReorder({ items, itemDefinition, }) {
     const handleKeyDown = (event) => {
         if (isKeyboard.current && activeItemId) {
             const currentTargetIndex = items.findIndex(item => itemDefinition.id(item) === activeItemId) + positionDelta.current;
-            if (event.key === 'ArrowDown' && currentTargetIndex < items.length - 1) {
+            if ((event.key === 'ArrowDown' || event.type === EventName.CustomDown) && currentTargetIndex < items.length - 1) {
                 positionDelta.current += 1;
             }
-            else if (event.key === 'ArrowUp' && currentTargetIndex > 0) {
+            else if ((event.key === 'ArrowUp' || event.type === EventName.CustomUp) && currentTargetIndex > 0) {
                 positionDelta.current -= 1;
             }
         }
@@ -78,36 +69,40 @@ export default function useDragAndDropReorder({ items, itemDefinition, }) {
         }
     };
     const coordinateGetter = (event, { context: { active, collisionRect, droppableRects, droppableContainers } }) => {
-        if (event.code === KeyboardCode.Up || event.code === KeyboardCode.Down) {
-            event.preventDefault();
-            if (!active || !collisionRect) {
-                return;
-            }
-            const closestId = getClosestId(active);
-            if (closestId !== null) {
-                const activeDroppable = droppableContainers.get(active.id);
-                const newDroppable = droppableContainers.get(closestId);
-                const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;
-                const newNode = newDroppable === null || newDroppable === void 0 ? void 0 : newDroppable.node.current;
-                if (newNode && newRect && activeDroppable && newDroppable) {
-                    const isAfterActive = isAfter(activeDroppable, newDroppable);
-                    const offset = {
-                        x: isAfterActive ? collisionRect.width - newRect.width : 0,
-                        y: isAfterActive ? collisionRect.height - newRect.height : 0,
-                    };
-                    const rectCoordinates = {
-                        x: newRect.left,
-                        y: newRect.top,
-                    };
-                    return {
-                        x: rectCoordinates.x - offset.x,
-                        y: rectCoordinates.y - offset.y,
-                    };
-                }
+        event.preventDefault();
+        if (!active || !collisionRect) {
+            return;
+        }
+        const closestId = getClosestId(active);
+        if (closestId !== null) {
+            const activeDroppable = droppableContainers.get(active.id);
+            const newDroppable = droppableContainers.get(closestId);
+            const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;
+            const newNode = newDroppable === null || newDroppable === void 0 ? void 0 : newDroppable.node.current;
+            if (newNode && newRect && activeDroppable && newDroppable) {
+                const isAfterActive = isAfter(activeDroppable, newDroppable);
+                const offset = {
+                    x: isAfterActive ? collisionRect.width - newRect.width : 0,
+                    y: isAfterActive ? collisionRect.height - newRect.height : 0,
+                };
+                const rectCoordinates = {
+                    x: newRect.left,
+                    y: newRect.top,
+                };
+                return {
+                    x: rectCoordinates.x - offset.x,
+                    y: rectCoordinates.y - offset.y,
+                };
             }
         }
     };
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            // allow KeyboardSensor (click to display UAP) to take priority
+            // if handle is clicked without movement
+            distance: 1,
+        },
+    }), useSensor(KeyboardAndUAPSensor, {
         coordinateGetter,
         onActivation: () => {
             isKeyboard.current = true;
@@ -120,6 +115,7 @@ export default function useDragAndDropReorder({ items, itemDefinition, }) {
         coordinateGetter,
         handleKeyDown,
         sensors,
+        isKeyboard,
     };
 }
 function isAfter(a, b) {

package/lib/internal/template/internal/components/sortable-area/use-drag-and-drop-reorder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-drag-and-drop-reorder.js","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-drag-and-drop-reorder.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport {\n Active,\n closestCenter,\n CollisionDetection,\n DroppableContainer,\n KeyboardCoordinateGetter,\n PointerSensor,\n UniqueIdentifier,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { hasSortableData } from '@dnd-kit/sortable';\n\nimport { SortableAreaProps } from './interfaces';\nimport { KeyboardSensor } from './keyboard-sensor';\n\nenum KeyboardCode {\n Space = 'Space',\n Down = 'ArrowDown',\n Right = 'ArrowRight',\n Left = 'ArrowLeft',\n Up = 'ArrowUp',\n Esc = 'Escape',\n Enter = 'Enter',\n}\n\n// A custom collision detection algorithm is used when using a keyboard to\n// work around an unexpected behavior when reordering items of variable height\n// with the keyboard.\n\n// Neither closestCenter nor closestCorners work really well for this case,\n// because the center (or corners) of a tall rectangle might be so low that it\n// is detected as being closest to the rectangle below of the one it should\n// actually swap with.\n\n// Instead of relying on coordinates, the expected results are achieved by\n// moving X positions up or down in the initially sorted array, depending on\n// the desired direction.\n\n// We let our collisionDetection and customCoordinateGetter use the same\n// getClosestId function which takes its value from the current component\n// state, to make sure they are always in sync.\n\nexport default function useDragAndDropReorder<Item>({\n items,\n itemDefinition,\n}: {\n items: readonly Item[];\n itemDefinition: SortableAreaProps.ItemDefinition<Item>;\n}) {\n const isKeyboard = useRef(false);\n const positionDelta = useRef(0);\n const [activeItemId, setActiveItemId] = useState<UniqueIdentifier \| null>(null);\n\n const setActiveItem = (id: UniqueIdentifier \| null) => {\n setActiveItemId(id);\n if (!id) {\n isKeyboard.current = false;\n positionDelta.current = 0;\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (isKeyboard.current && activeItemId) {\n const currentTargetIndex =\n items.findIndex(item => itemDefinition.id(item) === activeItemId) + positionDelta.current;\n if (event.key === 'ArrowDown' && currentTargetIndex < items.length - 1) {\n positionDelta.current += 1;\n } else if (event.key === 'ArrowUp' && currentTargetIndex > 0) {\n positionDelta.current -= 1;\n }\n }\n if (activeItemId && isEscape(event.key)) {\n // Prevent modal from closing when pressing Esc to cancel the dragging action\n event.stopPropagation();\n }\n };\n\n const getClosestId = (active: Active) => {\n if (positionDelta.current === 0) {\n return active.id;\n }\n const currentIndex = items.findIndex(item => itemDefinition.id(item) === active.id);\n const newIndex = Math.max(0, Math.min(items.length - 1, currentIndex + positionDelta.current));\n return itemDefinition.id(items[newIndex]);\n };\n\n const collisionDetection: CollisionDetection = ({\n active,\n collisionRect,\n droppableContainers,\n droppableRects,\n pointerCoordinates,\n }) => {\n if (isKeyboard.current) {\n // For keyboard interaction, determine the colliding container based on the movements made by the arrow keys,\n // via getClosestId\n const collidingContainer = getCollidingContainer({\n activeId: active.id,\n closestId: getClosestId(active),\n droppableContainers,\n });\n return collidingContainer ? [collidingContainer] : [];\n } else {\n // For mouse interaction, use the closest center algorithm\n return closestCenter({ active, collisionRect, droppableRects, droppableContainers, pointerCoordinates });\n }\n };\n\n const coordinateGetter: KeyboardCoordinateGetter = (\n event,\n { context: { active, collisionRect, droppableRects, droppableContainers } }\n ) => {\n if (event.code === KeyboardCode.Up \|\| event.code === KeyboardCode.Down) {\n event.preventDefault();\n\n if (!active \|\| !collisionRect) {\n return;\n }\n\n const closestId = getClosestId(active);\n\n if (closestId !== null) {\n const activeDroppable = droppableContainers.get(active.id);\n const newDroppable = droppableContainers.get(closestId);\n const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;\n const newNode = newDroppable?.node.current;\n\n if (newNode && newRect && activeDroppable && newDroppable) {\n const isAfterActive = isAfter(activeDroppable, newDroppable);\n const offset = {\n x: isAfterActive ? collisionRect.width - newRect.width : 0,\n y: isAfterActive ? collisionRect.height - newRect.height : 0,\n };\n const rectCoordinates = {\n x: newRect.left,\n y: newRect.top,\n };\n\n return {\n x: rectCoordinates.x - offset.x,\n y: rectCoordinates.y - offset.y,\n };\n }\n }\n }\n };\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter,\n onActivation: () => {\n isKeyboard.current = true;\n },\n })\n );\n\n return {\n activeItemId,\n setActiveItemId: setActiveItem,\n collisionDetection,\n coordinateGetter,\n handleKeyDown,\n sensors,\n };\n}\n\nfunction isAfter(a: DroppableContainer, b: DroppableContainer) {\n return hasSortableData(a) && hasSortableData(b) && a.data.current.sortable.index < b.data.current.sortable.index;\n}\n\nfunction getCollidingContainer({\n activeId,\n closestId,\n droppableContainers,\n}: {\n activeId: UniqueIdentifier;\n closestId: UniqueIdentifier;\n droppableContainers: DroppableContainer[];\n}) {\n if (closestId === activeId) {\n return;\n }\n const collidingContainer = droppableContainers.find(({ id }) => id === closestId);\n if (collidingContainer) {\n return {\n id: collidingContainer.id,\n data: {\n droppableContainer: collidingContainer,\n value: 0,\n },\n };\n }\n}\n\nconst isEscape = (key: string) => key === 'Escape' \|\| key === 'Esc';\n"]}
1	+ {"version":3,"file":"use-drag-and-drop-reorder.js","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-drag-and-drop-reorder.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport {\n Active,\n closestCenter,\n CollisionDetection,\n DroppableContainer,\n PointerSensor,\n UniqueIdentifier,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { hasSortableData } from '@dnd-kit/sortable';\n\nimport { SortableAreaProps } from './interfaces';\nimport { KeyboardAndUAPCoordinateGetter, KeyboardAndUAPSensor } from './keyboard-sensor';\nimport { EventName } from './keyboard-sensor/utilities/events';\n\n// A custom collision detection algorithm is used when using a keyboard to\n// work around an unexpected behavior when reordering items of variable height\n// with the keyboard.\n\n// Neither closestCenter nor closestCorners work really well for this case,\n// because the center (or corners) of a tall rectangle might be so low that it\n// is detected as being closest to the rectangle below of the one it should\n// actually swap with.\n\n// Instead of relying on coordinates, the expected results are achieved by\n// moving X positions up or down in the initially sorted array, depending on\n// the desired direction.\n\n// We let our collisionDetection and customCoordinateGetter use the same\n// getClosestId function which takes its value from the current component\n// state, to make sure they are always in sync.\n\nexport default function useDragAndDropReorder<Item>({\n items,\n itemDefinition,\n}: {\n items: readonly Item[];\n itemDefinition: SortableAreaProps.ItemDefinition<Item>;\n}) {\n const isKeyboard = useRef(false);\n const positionDelta = useRef(0);\n const [activeItemId, setActiveItemId] = useState<UniqueIdentifier \| null>(null);\n\n const setActiveItem = (id: UniqueIdentifier \| null) => {\n setActiveItemId(id);\n if (!id) {\n isKeyboard.current = false;\n positionDelta.current = 0;\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (isKeyboard.current && activeItemId) {\n const currentTargetIndex =\n items.findIndex(item => itemDefinition.id(item) === activeItemId) + positionDelta.current;\n if ((event.key === 'ArrowDown' \|\| event.type === EventName.CustomDown) && currentTargetIndex < items.length - 1) {\n positionDelta.current += 1;\n } else if ((event.key === 'ArrowUp' \|\| event.type === EventName.CustomUp) && currentTargetIndex > 0) {\n positionDelta.current -= 1;\n }\n }\n if (activeItemId && isEscape(event.key)) {\n // Prevent modal from closing when pressing Esc to cancel the dragging action\n event.stopPropagation();\n }\n };\n\n const getClosestId = (active: Active) => {\n if (positionDelta.current === 0) {\n return active.id;\n }\n const currentIndex = items.findIndex(item => itemDefinition.id(item) === active.id);\n const newIndex = Math.max(0, Math.min(items.length - 1, currentIndex + positionDelta.current));\n return itemDefinition.id(items[newIndex]);\n };\n\n const collisionDetection: CollisionDetection = ({\n active,\n collisionRect,\n droppableContainers,\n droppableRects,\n pointerCoordinates,\n }) => {\n if (isKeyboard.current) {\n // For keyboard interaction, determine the colliding container based on the movements made by the arrow keys,\n // via getClosestId\n const collidingContainer = getCollidingContainer({\n activeId: active.id,\n closestId: getClosestId(active),\n droppableContainers,\n });\n return collidingContainer ? [collidingContainer] : [];\n } else {\n // For mouse interaction, use the closest center algorithm\n return closestCenter({ active, collisionRect, droppableRects, droppableContainers, pointerCoordinates });\n }\n };\n\n const coordinateGetter: KeyboardAndUAPCoordinateGetter = (\n event,\n { context: { active, collisionRect, droppableRects, droppableContainers } }\n ) => {\n event.preventDefault();\n\n if (!active \|\| !collisionRect) {\n return;\n }\n\n const closestId = getClosestId(active);\n\n if (closestId !== null) {\n const activeDroppable = droppableContainers.get(active.id);\n const newDroppable = droppableContainers.get(closestId);\n const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;\n const newNode = newDroppable?.node.current;\n\n if (newNode && newRect && activeDroppable && newDroppable) {\n const isAfterActive = isAfter(activeDroppable, newDroppable);\n const offset = {\n x: isAfterActive ? collisionRect.width - newRect.width : 0,\n y: isAfterActive ? collisionRect.height - newRect.height : 0,\n };\n const rectCoordinates = {\n x: newRect.left,\n y: newRect.top,\n };\n\n return {\n x: rectCoordinates.x - offset.x,\n y: rectCoordinates.y - offset.y,\n };\n }\n }\n };\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n // allow KeyboardSensor (click to display UAP) to take priority\n // if handle is clicked without movement\n distance: 1,\n },\n }),\n useSensor(KeyboardAndUAPSensor, {\n coordinateGetter,\n onActivation: () => {\n isKeyboard.current = true;\n },\n })\n );\n\n return {\n activeItemId,\n setActiveItemId: setActiveItem,\n collisionDetection,\n coordinateGetter,\n handleKeyDown,\n sensors,\n isKeyboard,\n };\n}\n\nfunction isAfter(a: DroppableContainer, b: DroppableContainer) {\n return hasSortableData(a) && hasSortableData(b) && a.data.current.sortable.index < b.data.current.sortable.index;\n}\n\nfunction getCollidingContainer({\n activeId,\n closestId,\n droppableContainers,\n}: {\n activeId: UniqueIdentifier;\n closestId: UniqueIdentifier;\n droppableContainers: DroppableContainer[];\n}) {\n if (closestId === activeId) {\n return;\n }\n const collidingContainer = droppableContainers.find(({ id }) => id === closestId);\n if (collidingContainer) {\n return {\n id: collidingContainer.id,\n data: {\n droppableContainer: collidingContainer,\n value: 0,\n },\n };\n }\n}\n\nconst isEscape = (key: string) => key === 'Escape' \|\| key === 'Esc';\n"]}

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (36d71add)";
-export var GIT_SHA = "36d71add";
+export var PACKAGE_VERSION = "3.0.0 (77f8676d)";
+export var GIT_SHA = "77f8676d";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (36d71add)",
-  "GIT_SHA": "36d71add",
+  "PACKAGE_VERSION": "3.0.0 (77f8676d)",
+  "GIT_SHA": "77f8676d",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

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

@@ -10614,6 +10614,12 @@ module.exports.preset = {
     "colorTextStatusSuccess",
     "colorTextStatusWarning",
     "colorTextTopNavigationTitle",
+    "colorDropzoneBackgroundDefault",
+    "colorDropzoneBackgroundHover",
+    "colorDropzoneTextDefault",
+    "colorDropzoneTextHover",
+    "colorDropzoneBorderDefault",
+    "colorDropzoneBorderHover",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -10646,6 +10652,7 @@ module.exports.preset = {
     "borderRadiusControlCircularFocusRing",
     "borderRadiusControlDefaultFocusRing",
     "borderRadiusDropdown",
+    "borderRadiusDropzone",
     "borderRadiusFlashbar",
     "borderRadiusItem",
     "borderRadiusInput",
@@ -10969,6 +10976,12 @@ module.exports.preset = {
     "colorBoardPlaceholderHover",
     "colorDragPlaceholderActive",
     "colorDragPlaceholderHover",
+    "colorDropzoneBackgroundDefault",
+    "colorDropzoneBackgroundHover",
+    "colorDropzoneTextDefault",
+    "colorDropzoneTextHover",
+    "colorDropzoneBorderDefault",
+    "colorDropzoneBorderHover",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -11001,6 +11014,7 @@ module.exports.preset = {
     "borderRadiusControlCircularFocusRing",
     "borderRadiusControlDefaultFocusRing",
     "borderRadiusDropdown",
+    "borderRadiusDropzone",
     "borderRadiusFlashbar",
     "borderRadiusItem",
     "borderRadiusInput",

package/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED Viewed

@@ -210,6 +210,12 @@ export declare interface TypedOverride {
     colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     fontFamilyBase?: GlobalValue;
     fontFamilyMonospace?: GlobalValue;
     fontSizeBodyM?: GlobalValue;
@@ -242,6 +248,7 @@ export declare interface TypedOverride {
     borderRadiusControlCircularFocusRing?: GlobalValue;
     borderRadiusControlDefaultFocusRing?: GlobalValue;
     borderRadiusDropdown?: GlobalValue;
+    borderRadiusDropzone?: GlobalValue;
     borderRadiusFlashbar?: GlobalValue;
     borderRadiusItem?: GlobalValue;
     borderRadiusInput?: GlobalValue;
@@ -469,6 +476,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -501,6 +514,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -728,6 +742,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -760,6 +780,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -987,6 +1008,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1019,6 +1046,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -1246,6 +1274,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1278,6 +1312,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -1505,6 +1540,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1537,6 +1578,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -1764,6 +1806,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1796,6 +1844,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -2023,6 +2072,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2055,6 +2110,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -2282,6 +2338,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2314,6 +2376,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;

package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED Viewed

@@ -210,6 +210,12 @@ export declare interface TypedOverride {
     colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     fontFamilyBase?: GlobalValue;
     fontFamilyMonospace?: GlobalValue;
     fontSizeBodyM?: GlobalValue;
@@ -242,6 +248,7 @@ export declare interface TypedOverride {
     borderRadiusControlCircularFocusRing?: GlobalValue;
     borderRadiusControlDefaultFocusRing?: GlobalValue;
     borderRadiusDropdown?: GlobalValue;
+    borderRadiusDropzone?: GlobalValue;
     borderRadiusFlashbar?: GlobalValue;
     borderRadiusItem?: GlobalValue;
     borderRadiusInput?: GlobalValue;
@@ -469,6 +476,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -501,6 +514,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -728,6 +742,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -760,6 +780,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -987,6 +1008,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1019,6 +1046,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -1246,6 +1274,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1278,6 +1312,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -1505,6 +1540,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1537,6 +1578,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -1764,6 +1806,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -1796,6 +1844,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -2023,6 +2072,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2055,6 +2110,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;
@@ -2282,6 +2338,12 @@ export declare interface TypedOverride {
         colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBackgroundHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
         fontSizeBodyM?: GlobalValue;
@@ -2314,6 +2376,7 @@ export declare interface TypedOverride {
         borderRadiusControlCircularFocusRing?: GlobalValue;
         borderRadiusControlDefaultFocusRing?: GlobalValue;
         borderRadiusDropdown?: GlobalValue;
+        borderRadiusDropzone?: GlobalValue;
         borderRadiusFlashbar?: GlobalValue;
         borderRadiusItem?: GlobalValue;
         borderRadiusInput?: GlobalValue;