@cloudscape-design/components 3.0.245 → 3.0.247

package/internal/components/token-list/token-limit-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"token-limit-toggle.js","sourceRoot":"lib/default/","sources":["internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;AACjF,OAAO,eAAe,MAAM,2BAA2B,CAAC;AAGxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,GAAG,EAAE,GACM;IACtB,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAClG,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,WAAW,CAAC,cAAc;QAC5B,CAAC,CAAC,GAAG,WAAW,CAAC,aAAa,IAAI,EAAE,KAAK,yBAAyB,GAAG,CAAC;IAExE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,8CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ,IACnB,YAAY;QAEhB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback } from 'react';\nimport InternalIcon from '../../../icon/internal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { I18nStrings } from './interfaces';\n\nimport styles from './styles.css.js';\ninterface TokenLimitToggleProps {\n  controlId?: string;\n  allHidden: boolean;\n  expanded: boolean;\n  numberOfHiddenOptions: number;\n  onClick?: NonCancelableEventHandler<null>;\n  i18nStrings?: I18nStrings;\n}\n\nexport default function TokenLimitToggle({\n  controlId,\n  allHidden,\n  expanded,\n  numberOfHiddenOptions,\n  onClick,\n  i18nStrings = {},\n}: TokenLimitToggleProps) {\n  const focusVisible = useFocusVisible();\n  const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n  const description = expanded\n    ? i18nStrings.limitShowFewer\n    : `${i18nStrings.limitShowMore || ''} (${numberOfHiddenOptionLabel})`;\n\n  const handleClick = useCallback(() => {\n    fireNonCancelableEvent(onClick, null);\n  }, [onClick]);\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.toggle}\n      onClick={handleClick}\n      aria-controls={controlId}\n      aria-expanded={expanded}\n      {...focusVisible}\n    >\n      <InternalIcon name={expanded ? 'treeview-collapse' : 'treeview-expand'} />\n      <span className={styles.description}>{description}</span>\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"token-limit-toggle.js","sourceRoot":"lib/default/","sources":["internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;AAGjF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,GAAG,EAAE,GACM;IACtB,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAClG,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,WAAW,CAAC,cAAc;QAC5B,CAAC,CAAC,GAAG,WAAW,CAAC,aAAa,IAAI,EAAE,KAAK,yBAAyB,GAAG,CAAC;IAExE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ;QAEvB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback } from 'react';\nimport InternalIcon from '../../../icon/internal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { I18nStrings } from './interfaces';\n\nimport styles from './styles.css.js';\ninterface TokenLimitToggleProps {\n  controlId?: string;\n  allHidden: boolean;\n  expanded: boolean;\n  numberOfHiddenOptions: number;\n  onClick?: NonCancelableEventHandler<null>;\n  i18nStrings?: I18nStrings;\n}\n\nexport default function TokenLimitToggle({\n  controlId,\n  allHidden,\n  expanded,\n  numberOfHiddenOptions,\n  onClick,\n  i18nStrings = {},\n}: TokenLimitToggleProps) {\n  const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n  const description = expanded\n    ? i18nStrings.limitShowFewer\n    : `${i18nStrings.limitShowMore || ''} (${numberOfHiddenOptionLabel})`;\n\n  const handleClick = useCallback(() => {\n    fireNonCancelableEvent(onClick, null);\n  }, [onClick]);\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.toggle}\n      onClick={handleClick}\n      aria-controls={controlId}\n      aria-expanded={expanded}\n    >\n      <InternalIcon name={expanded ? 'treeview-collapse' : 'treeview-expand'} />\n      <span className={styles.description}>{description}</span>\n    </button>\n  );\n}\n"]}

package/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (7ed751a)';
+    export var PACKAGE_VERSION = '3.0.0 (471735b)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA+BlD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgClD,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/internal/generated/custom-css-properties/index.js

@@ -1,34 +1,35 @@
 const customCSSPropertiesMap = {
-    offsetTop: '--awsui-offset-top-lgrg0d',
-    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-lgrg0d',
-    contentGapLeft: '--awsui-content-gap-left-lgrg0d',
-    contentGapRight: '--awsui-content-gap-right-lgrg0d',
-    contentHeight: '--awsui-content-height-lgrg0d',
-    defaultMaxContentWidth: '--awsui-default-max-content-width-lgrg0d',
-    defaultMinContentWidth: '--awsui-default-min-content-width-lgrg0d',
-    footerHeight: '--awsui-footer-height-lgrg0d',
-    headerHeight: '--awsui-header-height-lgrg0d',
-    layoutWidth: '--awsui-layout-width-lgrg0d',
-    mainOffsetLeft: '--awsui-main-offset-left-lgrg0d',
-    maxContentWidth: '--awsui-max-content-width-lgrg0d',
-    minContentWidth: '--awsui-min-content-width-lgrg0d',
-    notificationsHeight: '--awsui-notifications-height-lgrg0d',
-    overlapHeight: '--awsui-overlap-height-lgrg0d',
-    navigationWidth: '--awsui-navigation-width-lgrg0d',
-    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-lgrg0d',
-    splitPanelReportedSize: '--awsui-split-panel-reported-size-lgrg0d',
-    splitPanelHeight: '--awsui-split-panel-height-lgrg0d',
-    splitPanelMinWidth: '--awsui-split-panel-min-width-lgrg0d',
-    splitPanelMaxWidth: '--awsui-split-panel-max-width-lgrg0d',
-    toolsMaxWidth: '--awsui-tools-max-width-lgrg0d',
-    toolsWidth: '--awsui-tools-width-lgrg0d',
-    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-lgrg0d',
-    contentScrollMargin: '--awsui-content-scroll-margin-lgrg0d',
-    flashbarStackDepth: '--awsui-flashbar-stack-depth-lgrg0d',
-    flashbarStackIndex: '--awsui-flashbar-stack-index-lgrg0d',
-    flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-lgrg0d',
-    stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-lgrg0d',
-    stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-lgrg0d',
+    activeDrawerWidth: '--awsui-active-drawer-width-3j0evk',
+    offsetTop: '--awsui-offset-top-3j0evk',
+    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-3j0evk',
+    contentGapLeft: '--awsui-content-gap-left-3j0evk',
+    contentGapRight: '--awsui-content-gap-right-3j0evk',
+    contentHeight: '--awsui-content-height-3j0evk',
+    defaultMaxContentWidth: '--awsui-default-max-content-width-3j0evk',
+    defaultMinContentWidth: '--awsui-default-min-content-width-3j0evk',
+    footerHeight: '--awsui-footer-height-3j0evk',
+    headerHeight: '--awsui-header-height-3j0evk',
+    layoutWidth: '--awsui-layout-width-3j0evk',
+    mainOffsetLeft: '--awsui-main-offset-left-3j0evk',
+    maxContentWidth: '--awsui-max-content-width-3j0evk',
+    minContentWidth: '--awsui-min-content-width-3j0evk',
+    notificationsHeight: '--awsui-notifications-height-3j0evk',
+    overlapHeight: '--awsui-overlap-height-3j0evk',
+    navigationWidth: '--awsui-navigation-width-3j0evk',
+    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-3j0evk',
+    splitPanelReportedSize: '--awsui-split-panel-reported-size-3j0evk',
+    splitPanelHeight: '--awsui-split-panel-height-3j0evk',
+    splitPanelMinWidth: '--awsui-split-panel-min-width-3j0evk',
+    splitPanelMaxWidth: '--awsui-split-panel-max-width-3j0evk',
+    toolsMaxWidth: '--awsui-tools-max-width-3j0evk',
+    toolsWidth: '--awsui-tools-width-3j0evk',
+    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-3j0evk',
+    contentScrollMargin: '--awsui-content-scroll-margin-3j0evk',
+    flashbarStackDepth: '--awsui-flashbar-stack-depth-3j0evk',
+    flashbarStackIndex: '--awsui-flashbar-stack-index-3j0evk',
+    flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-3j0evk',
+    stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-3j0evk',
+    stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-3j0evk',
 };
 export default customCSSPropertiesMap;
 //# sourceMappingURL=index.js.map

package/internal/generated/custom-css-properties/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,YAAY,EAAE,8BAA8B;IAC5C,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,mBAAmB,EAAE,qCAAqC;IAC1D,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;CACtG,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  offsetTop: '--awsui-offset-top-lgrg0d',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-lgrg0d',\n  contentGapLeft: '--awsui-content-gap-left-lgrg0d',\n  contentGapRight: '--awsui-content-gap-right-lgrg0d',\n  contentHeight: '--awsui-content-height-lgrg0d',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-lgrg0d',\n  defaultMinContentWidth: '--awsui-default-min-content-width-lgrg0d',\n  footerHeight: '--awsui-footer-height-lgrg0d',\n  headerHeight: '--awsui-header-height-lgrg0d',\n  layoutWidth: '--awsui-layout-width-lgrg0d',\n  mainOffsetLeft: '--awsui-main-offset-left-lgrg0d',\n  maxContentWidth: '--awsui-max-content-width-lgrg0d',\n  minContentWidth: '--awsui-min-content-width-lgrg0d',\n  notificationsHeight: '--awsui-notifications-height-lgrg0d',\n  overlapHeight: '--awsui-overlap-height-lgrg0d',\n  navigationWidth: '--awsui-navigation-width-lgrg0d',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-lgrg0d',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-lgrg0d',\n  splitPanelHeight: '--awsui-split-panel-height-lgrg0d',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-lgrg0d',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-lgrg0d',\n  toolsMaxWidth: '--awsui-tools-max-width-lgrg0d',\n  toolsWidth: '--awsui-tools-width-lgrg0d',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-lgrg0d',\n  contentScrollMargin: '--awsui-content-scroll-margin-lgrg0d',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-lgrg0d',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-lgrg0d',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-lgrg0d',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-lgrg0d',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-lgrg0d',\n};\nexport default customCSSPropertiesMap;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,iBAAiB,EAAE,oCAAoC;IACvD,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,YAAY,EAAE,8BAA8B;IAC5C,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,mBAAmB,EAAE,qCAAqC;IAC1D,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;CACtG,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  activeDrawerWidth: '--awsui-active-drawer-width-3j0evk',\n  offsetTop: '--awsui-offset-top-3j0evk',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-3j0evk',\n  contentGapLeft: '--awsui-content-gap-left-3j0evk',\n  contentGapRight: '--awsui-content-gap-right-3j0evk',\n  contentHeight: '--awsui-content-height-3j0evk',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-3j0evk',\n  defaultMinContentWidth: '--awsui-default-min-content-width-3j0evk',\n  footerHeight: '--awsui-footer-height-3j0evk',\n  headerHeight: '--awsui-header-height-3j0evk',\n  layoutWidth: '--awsui-layout-width-3j0evk',\n  mainOffsetLeft: '--awsui-main-offset-left-3j0evk',\n  maxContentWidth: '--awsui-max-content-width-3j0evk',\n  minContentWidth: '--awsui-min-content-width-3j0evk',\n  notificationsHeight: '--awsui-notifications-height-3j0evk',\n  overlapHeight: '--awsui-overlap-height-3j0evk',\n  navigationWidth: '--awsui-navigation-width-3j0evk',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-3j0evk',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-3j0evk',\n  splitPanelHeight: '--awsui-split-panel-height-3j0evk',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-3j0evk',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-3j0evk',\n  toolsMaxWidth: '--awsui-tools-max-width-3j0evk',\n  toolsWidth: '--awsui-tools-width-3j0evk',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-3j0evk',\n  contentScrollMargin: '--awsui-content-scroll-margin-3j0evk',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-3j0evk',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-3j0evk',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-3j0evk',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-3j0evk',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-3j0evk',\n};\nexport default customCSSPropertiesMap;\n"]}

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

@@ -233,6 +233,8 @@ export const colorTextStatusSuccess: string;
 export const colorTextStatusWarning: string;
 export const colorBoardPlaceholderActive: string;
 export const colorBoardPlaceholderHover: string;
+export const colorDragPlaceholderActive: string;
+export const colorDragPlaceholderHover: string;
 export const fontFamilyBase: string;
 export const fontFamilyMonospace: string;
 export const borderRadiusAlert: string;

package/internal/generated/styles/tokens.js

@@ -233,6 +233,8 @@ export var colorTextStatusSuccess = "var(--color-text-status-success-0fzhv9, #03
 export var colorTextStatusWarning = "var(--color-text-status-warning-27nlyh, #d91515)";
 export var colorBoardPlaceholderActive = "var(--color-board-placeholder-active-vaxzdf, #e9ebed)";
 export var colorBoardPlaceholderHover = "var(--color-board-placeholder-hover-v1s7kq, #d3e7f9)";
+export var colorDragPlaceholderActive = "var(--color-drag-placeholder-active-fkpj7i, #e9ebed)";
+export var colorDragPlaceholderHover = "var(--color-drag-placeholder-hover-3ohnz1, #d3e7f9)";
 export var fontFamilyBase = "var(--font-family-base-qnistn, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
 export var fontFamilyMonospace = "var(--font-family-monospace-iz223z, Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace)";
 export var borderRadiusAlert = "var(--border-radius-alert-n0skwy, 12px)";

package/internal/generated/theming/index.cjs

@@ -879,6 +879,10 @@ module.exports.preset = {
         "light": "{colorGrey200}",
         "dark": "{colorGrey650}"
       },
+      "colorBackgroundLayoutPanelTriggerActive": {
+        "light": "{colorBlue900}",
+        "dark": "{colorBlue400}"
+      },
       "colorBackgroundLayoutToggleActive": {
         "light": "{colorGrey650}",
         "dark": "{colorGrey650}"
@@ -1195,6 +1199,10 @@ module.exports.preset = {
         "light": "{colorGreyTransparentHeavy}",
         "dark": "{colorGreyTransparentHeavy}"
       },
+      "colorShadowLayoutPanelTrigger": {
+        "light": "{colorGrey300}",
+        "dark": "{colorGrey650}"
+      },
       "colorShadowMedium": {
         "light": "{colorGreyTransparent}",
         "dark": "{colorGreyTransparent}"
@@ -1527,6 +1535,14 @@ module.exports.preset = {
         "light": "{colorBlue600}",
         "dark": "{colorBlue500}"
       },
+      "colorTextLayoutPanelTriggerHover": {
+        "light": "{colorBlue600}",
+        "dark": "{colorBlue500}"
+      },
+      "colorTextLayoutPanelTriggerActive": {
+        "light": "{colorWhite}",
+        "dark": "{colorGrey800}"
+      },
       "colorTextSmall": {
         "light": "{colorGrey550}",
         "dark": "{colorGrey450}"
@@ -1563,6 +1579,14 @@ module.exports.preset = {
         "light": "{colorBlue200}",
         "dark": "{colorBlue600}"
       },
+      "colorDragPlaceholderActive": {
+        "light": "{colorGrey200}",
+        "dark": "{colorGrey550}"
+      },
+      "colorDragPlaceholderHover": {
+        "light": "{colorBlue200}",
+        "dark": "{colorBlue600}"
+      },
       "fontBodyMLineHeight": "22px",
       "fontBodyMSize": "14px",
       "fontBodySLetterSpacing": "0.005em",
@@ -2791,6 +2815,10 @@ module.exports.preset = {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
           },
+          "colorBackgroundLayoutPanelTriggerActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -3107,6 +3135,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
           },
+          "colorShadowLayoutPanelTrigger": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
           "colorShadowMedium": {
             "light": "{colorGreyTransparent}",
             "dark": "{colorGreyTransparent}"
@@ -3439,6 +3471,14 @@ module.exports.preset = {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
           },
+          "colorTextLayoutPanelTriggerHover": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorTextLayoutPanelTriggerActive": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
           "colorTextSmall": {
             "light": "{colorGrey450}",
             "dark": "{colorGrey450}"
@@ -3474,6 +3514,14 @@ module.exports.preset = {
           "colorBoardPlaceholderHover": {
             "light": "{colorBlue600}",
             "dark": "{colorBlue600}"
+          },
+          "colorDragPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDragPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -3721,6 +3769,10 @@ module.exports.preset = {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
           },
+          "colorBackgroundLayoutPanelTriggerActive": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -4037,6 +4089,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
           },
+          "colorShadowLayoutPanelTrigger": {
+            "light": "{colorGrey650}",
+            "dark": "{colorGrey650}"
+          },
           "colorShadowMedium": {
             "light": "{colorGreyTransparent}",
             "dark": "{colorGreyTransparent}"
@@ -4369,6 +4425,14 @@ module.exports.preset = {
             "light": "{colorBlue500}",
             "dark": "{colorBlue500}"
           },
+          "colorTextLayoutPanelTriggerHover": {
+            "light": "{colorBlue500}",
+            "dark": "{colorBlue500}"
+          },
+          "colorTextLayoutPanelTriggerActive": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
+          },
           "colorTextSmall": {
             "light": "{colorGrey450}",
             "dark": "{colorGrey450}"
@@ -4404,6 +4468,14 @@ module.exports.preset = {
           "colorBoardPlaceholderHover": {
             "light": "{colorBlue600}",
             "dark": "{colorBlue600}"
+          },
+          "colorDragPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDragPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -4591,6 +4663,10 @@ module.exports.preset = {
             "light": "{colorGrey200}",
             "dark": "{colorGrey650}"
           },
+          "colorBackgroundLayoutPanelTriggerActive": {
+            "light": "{colorBlue900}",
+            "dark": "{colorBlue400}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -4907,6 +4983,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
           },
+          "colorShadowLayoutPanelTrigger": {
+            "light": "{colorGrey300}",
+            "dark": "{colorGrey650}"
+          },
           "colorShadowMedium": {
             "light": "{colorGreyTransparent}",
             "dark": "{colorGreyTransparent}"
@@ -5239,6 +5319,14 @@ module.exports.preset = {
             "light": "{colorBlue600}",
             "dark": "{colorBlue500}"
           },
+          "colorTextLayoutPanelTriggerHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorTextLayoutPanelTriggerActive": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
           "colorTextSmall": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey450}"
@@ -5274,6 +5362,14 @@ module.exports.preset = {
           "colorBoardPlaceholderHover": {
             "light": "{colorBlue200}",
             "dark": "{colorBlue600}"
+          },
+          "colorDragPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDragPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -5461,6 +5557,10 @@ module.exports.preset = {
             "light": "{colorGrey200}",
             "dark": "{colorGrey650}"
           },
+          "colorBackgroundLayoutPanelTriggerActive": {
+            "light": "{colorBlue900}",
+            "dark": "{colorBlue400}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorGrey650}",
             "dark": "{colorGrey650}"
@@ -5777,6 +5877,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
           },
+          "colorShadowLayoutPanelTrigger": {
+            "light": "{colorGrey300}",
+            "dark": "{colorGrey650}"
+          },
           "colorShadowMedium": {
             "light": "{colorGreyTransparent}",
             "dark": "{colorGreyTransparent}"
@@ -6109,6 +6213,14 @@ module.exports.preset = {
             "light": "{colorBlue600}",
             "dark": "{colorBlue500}"
           },
+          "colorTextLayoutPanelTriggerHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue500}"
+          },
+          "colorTextLayoutPanelTriggerActive": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
+          },
           "colorTextSmall": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey450}"
@@ -6144,6 +6256,14 @@ module.exports.preset = {
           "colorBoardPlaceholderHover": {
             "light": "{colorBlue200}",
             "dark": "{colorBlue600}"
+          },
+          "colorDragPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDragPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       }
@@ -6348,6 +6468,7 @@ module.exports.preset = {
       "colorBackgroundLayoutMobilePanel": "color",
       "colorBackgroundLayoutPanelContent": "color",
       "colorBackgroundLayoutPanelHover": "color",
+      "colorBackgroundLayoutPanelTriggerActive": "color",
       "colorBackgroundLayoutToggleActive": "color",
       "colorBackgroundLayoutToggleDefault": "color",
       "colorBackgroundLayoutToggleHover": "color",
@@ -6427,6 +6548,7 @@ module.exports.preset = {
       "colorForegroundControlDefault": "color",
       "colorForegroundControlDisabled": "color",
       "colorShadowDefault": "color",
+      "colorShadowLayoutPanelTrigger": "color",
       "colorShadowMedium": "color",
       "colorShadowSide": "color",
       "colorStrokeCodeEditorResizeHandler": "color",
@@ -6510,6 +6632,8 @@ module.exports.preset = {
       "colorTextSegmentActive": "color",
       "colorTextSegmentDefault": "color",
       "colorTextSegmentHover": "color",
+      "colorTextLayoutPanelTriggerHover": "color",
+      "colorTextLayoutPanelTriggerActive": "color",
       "colorTextSmall": "color",
       "colorTextStatusError": "color",
       "colorTextStatusInactive": "color",
@@ -6519,6 +6643,8 @@ module.exports.preset = {
       "colorTextTopNavigationTitle": "color",
       "colorBoardPlaceholderActive": "color",
       "colorBoardPlaceholderHover": "color",
+      "colorDragPlaceholderActive": "color",
+      "colorDragPlaceholderHover": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -7070,6 +7196,8 @@ module.exports.preset = {
     "colorTextStatusWarning",
     "colorBoardPlaceholderActive",
     "colorBoardPlaceholderHover",
+    "colorDragPlaceholderActive",
+    "colorDragPlaceholderHover",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "borderRadiusAlert",
@@ -7365,6 +7493,7 @@ module.exports.preset = {
     "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
     "colorBackgroundLayoutPanelContent": "color-background-layout-panel-content",
     "colorBackgroundLayoutPanelHover": "color-background-layout-panel-hover",
+    "colorBackgroundLayoutPanelTriggerActive": "color-background-layout-panel-trigger-active",
     "colorBackgroundLayoutToggleActive": "color-background-layout-toggle-active",
     "colorBackgroundLayoutToggleDefault": "color-background-layout-toggle-default",
     "colorBackgroundLayoutToggleHover": "color-background-layout-toggle-hover",
@@ -7444,6 +7573,7 @@ module.exports.preset = {
     "colorForegroundControlDefault": "color-foreground-control-default",
     "colorForegroundControlDisabled": "color-foreground-control-disabled",
     "colorShadowDefault": "color-shadow-default",
+    "colorShadowLayoutPanelTrigger": "color-shadow-layout-panel-trigger",
     "colorShadowMedium": "color-shadow-medium",
     "colorShadowSide": "color-shadow-side",
     "colorStrokeCodeEditorResizeHandler": "color-stroke-code-editor-resize-handler",
@@ -7527,6 +7657,8 @@ module.exports.preset = {
     "colorTextSegmentActive": "color-text-segment-active",
     "colorTextSegmentDefault": "color-text-segment-default",
     "colorTextSegmentHover": "color-text-segment-hover",
+    "colorTextLayoutPanelTriggerHover": "color-text-layout-panel-trigger-hover",
+    "colorTextLayoutPanelTriggerActive": "color-text-layout-panel-trigger-active",
     "colorTextSmall": "color-text-small",
     "colorTextStatusError": "color-text-status-error",
     "colorTextStatusInactive": "color-text-status-inactive",
@@ -7536,6 +7668,8 @@ module.exports.preset = {
     "colorTextTopNavigationTitle": "color-text-top-navigation-title",
     "colorBoardPlaceholderActive": "color-board-placeholder-active",
     "colorBoardPlaceholderHover": "color-board-placeholder-hover",
+    "colorDragPlaceholderActive": "color-drag-placeholder-active",
+    "colorDragPlaceholderHover": "color-drag-placeholder-hover",
     "fontBodyMLineHeight": "font-body-m-line-height",
     "fontBodyMSize": "font-body-m-size",
     "fontBodySLetterSpacing": "font-body-s-letter-spacing",
@@ -8019,6 +8153,7 @@ module.exports.preset = {
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-9vweqk",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-808qum",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-0bg3gq",
+    "colorBackgroundLayoutPanelTriggerActive": "--color-background-layout-panel-trigger-active-uf4o0r",
     "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-d15dki",
     "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-f9hnkv",
     "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-gi0e0b",
@@ -8098,6 +8233,7 @@ module.exports.preset = {
     "colorForegroundControlDefault": "--color-foreground-control-default-7ajdem",
     "colorForegroundControlDisabled": "--color-foreground-control-disabled-v6a97u",
     "colorShadowDefault": "--color-shadow-default-3se70f",
+    "colorShadowLayoutPanelTrigger": "--color-shadow-layout-panel-trigger-t4yazw",
     "colorShadowMedium": "--color-shadow-medium-02bwpe",
     "colorShadowSide": "--color-shadow-side-07co14",
     "colorStrokeCodeEditorResizeHandler": "--color-stroke-code-editor-resize-handler-lop07p",
@@ -8181,6 +8317,8 @@ module.exports.preset = {
     "colorTextSegmentActive": "--color-text-segment-active-gc2jjl",
     "colorTextSegmentDefault": "--color-text-segment-default-bf7rka",
     "colorTextSegmentHover": "--color-text-segment-hover-5pccvg",
+    "colorTextLayoutPanelTriggerHover": "--color-text-layout-panel-trigger-hover-yw2kb4",
+    "colorTextLayoutPanelTriggerActive": "--color-text-layout-panel-trigger-active-mt4zu0",
     "colorTextSmall": "--color-text-small-le1y42",
     "colorTextStatusError": "--color-text-status-error-5sesl6",
     "colorTextStatusInactive": "--color-text-status-inactive-5ei55p",
@@ -8190,6 +8328,8 @@ module.exports.preset = {
     "colorTextTopNavigationTitle": "--color-text-top-navigation-title-oypxe3",
     "colorBoardPlaceholderActive": "--color-board-placeholder-active-vaxzdf",
     "colorBoardPlaceholderHover": "--color-board-placeholder-hover-v1s7kq",
+    "colorDragPlaceholderActive": "--color-drag-placeholder-active-fkpj7i",
+    "colorDragPlaceholderHover": "--color-drag-placeholder-hover-3ohnz1",
     "fontBodyMLineHeight": "--font-body-m-line-height-i7xxvv",
     "fontBodyMSize": "--font-body-m-size-sregvd",
     "fontBodySLetterSpacing": "--font-body-s-letter-spacing-cy0oxj",