@vector-im/compound-design-tokens 10.2.2 → 10.2.4

package/assets/web/css/cpd-common-semantic.css

@@ -4,6 +4,7 @@
   --cpd-color-text-disabled: var(--cpd-color-gray-800);
   --cpd-color-text-action-primary: var(--cpd-color-gray-1400);
   --cpd-color-text-action-accent: var(--cpd-color-green-900);
+  --cpd-color-text-action-success: var(--cpd-color-green-900);
   --cpd-color-text-link-external: var(--cpd-color-blue-1100);
   --cpd-color-text-critical-primary: var(--cpd-color-red-900);
   --cpd-color-text-success-primary: var(--cpd-color-green-900);
@@ -17,8 +18,10 @@
   --cpd-color-text-decorative-6: var(--cpd-color-orange-1100);
   --cpd-color-text-badge-accent: var(--cpd-color-green-1100);
   --cpd-color-text-badge-info: var(--cpd-color-blue-1100);
+  --cpd-color-text-warning-primary: var(--cpd-color-orange-900);
   --cpd-color-bg-subtle-primary: var(--cpd-color-gray-400);
   --cpd-color-bg-subtle-secondary: var(--cpd-color-gray-300);
+  --cpd-color-bg-subtle-tertiary: var(--cpd-color-gray-100);
   --cpd-color-bg-canvas-default: var(--cpd-color-theme-bg);
   --cpd-color-bg-canvas-disabled: var(--cpd-color-gray-200);
   --cpd-color-bg-action-primary-rest: var(--cpd-color-gray-1400);
@@ -36,6 +39,9 @@
   --cpd-color-bg-critical-subtle: var(--cpd-color-red-200);
   --cpd-color-bg-critical-subtle-hovered: var(--cpd-color-red-300);
   --cpd-color-bg-success-subtle: var(--cpd-color-green-200);
+  --cpd-color-bg-success-rest: var(--cpd-color-green-900);
+  --cpd-color-bg-success-hovered: var(--cpd-color-green-1000);
+  --cpd-color-bg-success-pressed: var(--cpd-color-green-1100);
   --cpd-color-bg-info-subtle: var(--cpd-color-blue-200);
   --cpd-color-bg-decorative-1: var(--cpd-color-lime-300);
   --cpd-color-bg-decorative-2: var(--cpd-color-cyan-300);
@@ -47,6 +53,7 @@
   --cpd-color-bg-accent-hovered: var(--cpd-color-green-1000);
   --cpd-color-bg-accent-pressed: var(--cpd-color-green-1100);
   --cpd-color-bg-accent-selected: var(--cpd-color-alpha-green-300);
+  --cpd-color-bg-accent-subtle: var(--cpd-color-green-200);
   --cpd-color-bg-badge-accent: var(--cpd-color-green-400);
   --cpd-color-bg-badge-info: var(--cpd-color-blue-400);
   --cpd-color-bg-badge-default: var(--cpd-color-theme-bg);
@@ -62,6 +69,7 @@
   --cpd-color-border-critical-hovered: var(--cpd-color-red-1000);
   --cpd-color-border-critical-subtle: var(--cpd-color-red-500);
   --cpd-color-border-success-subtle: var(--cpd-color-green-500);
+  --cpd-color-border-success-primary: var(--cpd-color-green-900);
   --cpd-color-border-info-subtle: var(--cpd-color-blue-700);
   --cpd-color-border-accent-subtle: var(--cpd-color-green-700);
   --cpd-color-border-accent-primary: var(--cpd-color-green-900);
@@ -80,6 +88,7 @@
   --cpd-color-icon-success-primary: var(--cpd-color-green-900);
   --cpd-color-icon-info-primary: var(--cpd-color-blue-1100);
   --cpd-color-icon-on-solid-primary: var(--cpd-color-theme-bg);
+  --cpd-color-icon-warning-primary: var(--cpd-color-orange-900);
   --cpd-color-gradient-subtle-stop1: var(--cpd-color-alpha-green-500);
   --cpd-color-gradient-subtle-stop2: var(--cpd-color-alpha-green-400);
   --cpd-color-gradient-subtle-stop3: var(--cpd-color-alpha-green-300);

package/assets/web/icons/hourglass-solid.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function HourglassSolidIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M20 2a1 1 0 1 1 0 2h-1v3.146l-.004.124a2 2 0 0 1-.865 1.526L13.458 12l4.673 3.204q.085.06.165.127l.023.02q.022.02.043.042.065.058.122.122.029.031.054.065.05.06.097.123l.047.073q.036.058.07.117.027.048.05.1.028.057.052.115l.033.092a2 2 0 0 1 .087.35q.024.15.026.303V20h1a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h1v-3.146a2 2 0 0 1 .071-.522 2 2 0 0 1 .041-.132l.034-.092.051-.115q.024-.052.05-.1.034-.06.07-.117l.047-.073q.046-.063.097-.123.026-.033.054-.065.058-.064.122-.122.02-.022.043-.042l.023-.02a2 2 0 0 1 .166-.127L10.541 12 5.869 8.796a2 2 0 0 1-.865-1.526L5 7.146V4H4a1 1 0 0 1 0-2zM7 7.146l5 3.43 5-3.43V4H7z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+HourglassSolidIcon.displayName = "HourglassSolidIcon";
+module.exports = React.forwardRef(HourglassSolidIcon);

package/assets/web/icons/hourglass-solid.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * hourglass-solid.svg
+ */
+declare const HourglassSolidIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default HourglassSolidIcon;

package/assets/web/icons/hourglass-solid.js

@@ -0,0 +1,21 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function HourglassSolidIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M20 2a1 1 0 1 1 0 2h-1v3.146l-.004.124a2 2 0 0 1-.865 1.526L13.458 12l4.673 3.204q.085.06.165.127l.023.02q.022.02.043.042.065.058.122.122.029.031.054.065.05.06.097.123l.047.073q.036.058.07.117.027.048.05.1.028.057.052.115l.033.092a2 2 0 0 1 .087.35q.024.15.026.303V20h1a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h1v-3.146a2 2 0 0 1 .071-.522 2 2 0 0 1 .041-.132l.034-.092.051-.115q.024-.052.05-.1.034-.06.07-.117l.047-.073q.046-.063.097-.123.026-.033.054-.065.058-.064.122-.122.02-.022.043-.042l.023-.02a2 2 0 0 1 .166-.127L10.541 12 5.869 8.796a2 2 0 0 1-.865-1.526L5 7.146V4H4a1 1 0 0 1 0-2zM7 7.146l5 3.43 5-3.43V4H7z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+HourglassSolidIcon.displayName = "HourglassSolidIcon";
+export default forwardRef(HourglassSolidIcon);

package/assets/web/icons/hourglass.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function HourglassIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M20 2a1 1 0 1 1 0 2h-1v3.146l-.004.124a2 2 0 0 1-.865 1.526L13.458 12l4.673 3.204a2 2 0 0 1 .865 1.526l.004.123V20h1a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h1v-3.146l.004-.123a2 2 0 0 1 .865-1.527L10.541 12 5.869 8.796a2 2 0 0 1-.865-1.526L5 7.146V4H4a1 1 0 0 1 0-2zM7 16.854V20h10v-3.146l-5-3.43zm0-9.708 5 3.43 5-3.43V4H7z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+HourglassIcon.displayName = "HourglassIcon";
+module.exports = React.forwardRef(HourglassIcon);

package/assets/web/icons/hourglass.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * hourglass.svg
+ */
+declare const HourglassIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default HourglassIcon;

package/assets/web/icons/hourglass.js

@@ -0,0 +1,21 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function HourglassIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M20 2a1 1 0 1 1 0 2h-1v3.146l-.004.124a2 2 0 0 1-.865 1.526L13.458 12l4.673 3.204a2 2 0 0 1 .865 1.526l.004.123V20h1a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h1v-3.146l.004-.123a2 2 0 0 1 .865-1.527L10.541 12 5.869 8.796a2 2 0 0 1-.865-1.526L5 7.146V4H4a1 1 0 0 1 0-2zM7 16.854V20h10v-3.146l-5-3.43zm0-9.708 5 3.43 5-3.43V4H7z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+HourglassIcon.displayName = "HourglassIcon";
+export default forwardRef(HourglassIcon);

package/assets/web/icons/index.cjs

@@ -87,6 +87,8 @@ module.exports = {
   HomeSolidIcon: require("./home-solid.cjs"),
   HomeIcon: require("./home.cjs"),
   HostIcon: require("./host.cjs"),
+  HourglassSolidIcon: require("./hourglass-solid.cjs"),
+  HourglassIcon: require("./hourglass.cjs"),
   ImageErrorIcon: require("./image-error.cjs"),
   ImageIcon: require("./image.cjs"),
   IndentDecreaseIcon: require("./indent-decrease.cjs"),

package/assets/web/icons/index.d.ts

@@ -86,6 +86,8 @@ export { default as HistoryIcon } from "./history.js";
 export { default as HomeSolidIcon } from "./home-solid.js";
 export { default as HomeIcon } from "./home.js";
 export { default as HostIcon } from "./host.js";
+export { default as HourglassSolidIcon } from "./hourglass-solid.js";
+export { default as HourglassIcon } from "./hourglass.js";
 export { default as ImageErrorIcon } from "./image-error.js";
 export { default as ImageIcon } from "./image.js";
 export { default as IndentDecreaseIcon } from "./indent-decrease.js";

package/assets/web/icons/index.js

@@ -86,6 +86,8 @@ export { default as HistoryIcon } from "./history.js";
 export { default as HomeSolidIcon } from "./home-solid.js";
 export { default as HomeIcon } from "./home.js";
 export { default as HostIcon } from "./host.js";
+export { default as HourglassSolidIcon } from "./hourglass-solid.js";
+export { default as HourglassIcon } from "./hourglass.js";
 export { default as ImageErrorIcon } from "./image-error.js";
 export { default as ImageIcon } from "./image.js";
 export { default as IndentDecreaseIcon } from "./indent-decrease.js";

package/assets/web/js/cpdDark.d.ts

@@ -311,6 +311,8 @@ export const cpdIconFolder: string;
 export const cpdIconSave: string;
 export const cpdIconUnsave: string;
 export const cpdIconSaveSolid: string;
+export const cpdIconHourglassSolid: string;
+export const cpdIconHourglass: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;
@@ -626,6 +628,7 @@ export const cpdColorTextSecondary: string;
 export const cpdColorTextDisabled: string;
 export const cpdColorTextActionPrimary: string;
 export const cpdColorTextActionAccent: string;
+export const cpdColorTextActionSuccess: string;
 export const cpdColorTextLinkExternal: string;
 export const cpdColorTextCriticalPrimary: string;
 export const cpdColorTextSuccessPrimary: string;
@@ -639,8 +642,10 @@ export const cpdColorTextDecorative5: string;
 export const cpdColorTextDecorative6: string;
 export const cpdColorTextBadgeAccent: string;
 export const cpdColorTextBadgeInfo: string;
+export const cpdColorTextWarningPrimary: string;
 export const cpdColorBgSubtlePrimary: string;
 export const cpdColorBgSubtleSecondary: string;
+export const cpdColorBgSubtleTertiary: string;
 export const cpdColorBgCanvasDefault: string;
 export const cpdColorBgCanvasDisabled: string;
 export const cpdColorBgCanvasDefaultLevel1: string;
@@ -659,6 +664,9 @@ export const cpdColorBgCriticalHovered: string;
 export const cpdColorBgCriticalSubtle: string;
 export const cpdColorBgCriticalSubtleHovered: string;
 export const cpdColorBgSuccessSubtle: string;
+export const cpdColorBgSuccessRest: string;
+export const cpdColorBgSuccessHovered: string;
+export const cpdColorBgSuccessPressed: string;
 export const cpdColorBgInfoSubtle: string;
 export const cpdColorBgDecorative1: string;
 export const cpdColorBgDecorative2: string;
@@ -670,6 +678,7 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgAccentSubtle: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
@@ -686,6 +695,7 @@ export const cpdColorBorderCriticalPrimary: string;
 export const cpdColorBorderCriticalHovered: string;
 export const cpdColorBorderCriticalSubtle: string;
 export const cpdColorBorderSuccessSubtle: string;
+export const cpdColorBorderSuccessPrimary: string;
 export const cpdColorBorderInfoSubtle: string;
 export const cpdColorBorderAccentSubtle: string;
 export const cpdColorBorderAccentPrimary: string;
@@ -704,6 +714,7 @@ export const cpdColorIconCriticalPrimary: string;
 export const cpdColorIconSuccessPrimary: string;
 export const cpdColorIconInfoPrimary: string;
 export const cpdColorIconOnSolidPrimary: string;
+export const cpdColorIconWarningPrimary: string;
 export const cpdColorGradientSubtleStop1: string;
 export const cpdColorGradientSubtleStop2: string;
 export const cpdColorGradientSubtleStop3: string;

package/assets/web/js/cpdDark.js

@@ -339,6 +339,8 @@ export const cpdIconFolder = "icons/folder.svg";
 export const cpdIconSave = "icons/save.svg";
 export const cpdIconUnsave = "icons/unsave.svg";
 export const cpdIconSaveSolid = "icons/save-solid.svg";
+export const cpdIconHourglassSolid = "icons/hourglass-solid.svg";
+export const cpdIconHourglass = "icons/hourglass.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
 export const cpdColorGray200 = "#181a1f";
@@ -654,6 +656,7 @@ export const cpdColorTextSecondary = "#808994";
 export const cpdColorTextDisabled = "#656c76";
 export const cpdColorTextActionPrimary = "#ebeef2";
 export const cpdColorTextActionAccent = "#129a78";
+export const cpdColorTextActionSuccess = "#129a78";
 export const cpdColorTextLinkExternal = "#7aacf4";
 export const cpdColorTextCriticalPrimary = "#fd3e3c";
 export const cpdColorTextSuccessPrimary = "#129a78";
@@ -667,8 +670,10 @@ export const cpdColorTextDecorative5 = "#fe84a2";
 export const cpdColorTextDecorative6 = "#f6913d";
 export const cpdColorTextBadgeAccent = "#1fc090";
 export const cpdColorTextBadgeInfo = "#7aacf4";
+export const cpdColorTextWarningPrimary = "#da670d";
 export const cpdColorBgSubtlePrimary = "#26282d";
 export const cpdColorBgSubtleSecondary = "#1d1f24";
+export const cpdColorBgSubtleTertiary = "#14171b";
 export const cpdColorBgCanvasDefault = "#101317";
 export const cpdColorBgCanvasDisabled = "#181a1f";
 export const cpdColorBgCanvasDefaultLevel1 = "#1d1f24";
@@ -687,6 +692,9 @@ export const cpdColorBgCriticalHovered = "#ff665d";
 export const cpdColorBgCriticalSubtle = "#3e0000";
 export const cpdColorBgCriticalSubtleHovered = "#470000";
 export const cpdColorBgSuccessSubtle = "#001f0e";
+export const cpdColorBgSuccessRest = "#129a78";
+export const cpdColorBgSuccessHovered = "#17ac84";
+export const cpdColorBgSuccessPressed = "#1fc090";
 export const cpdColorBgInfoSubtle = "#00095d";
 export const cpdColorBgDecorative1 = "#002600";
 export const cpdColorBgDecorative2 = "#001b4e";
@@ -698,6 +706,7 @@ export const cpdColorBgAccentRest = "#129a78";
 export const cpdColorBgAccentHovered = "#17ac84";
 export const cpdColorBgAccentPressed = "#1fc090";
 export const cpdColorBgAccentSelected = "hsl(151, 100%, 7%, 1)";
+export const cpdColorBgAccentSubtle = "#001f0e";
 export const cpdColorBgBadgeAccent = "#002e1b";
 export const cpdColorBgBadgeInfo = "#001e6f";
 export const cpdColorBgBadgeDefault = "#101317";
@@ -714,6 +723,7 @@ export const cpdColorBorderCriticalPrimary = "#fd3e3c";
 export const cpdColorBorderCriticalHovered = "#ff665d";
 export const cpdColorBorderCriticalSubtle = "#710000";
 export const cpdColorBorderSuccessSubtle = "#003d29";
+export const cpdColorBorderSuccessPrimary = "#129a78";
 export const cpdColorBorderInfoSubtle = "#0b49ab";
 export const cpdColorBorderAccentSubtle = "#005a43";
 export const cpdColorBorderAccentPrimary = "#129a78";
@@ -732,6 +742,7 @@ export const cpdColorIconCriticalPrimary = "#fd3e3c";
 export const cpdColorIconSuccessPrimary = "#129a78";
 export const cpdColorIconInfoPrimary = "#7aacf4";
 export const cpdColorIconOnSolidPrimary = "#101317";
+export const cpdColorIconWarningPrimary = "#da670d";
 export const cpdColorGradientSubtleStop1 = "hsl(160, 100%, 12%, 1)";
 export const cpdColorGradientSubtleStop2 = "hsl(155, 100%, 9%, 1)";
 export const cpdColorGradientSubtleStop3 = "hsl(151, 100%, 7%, 1)";

package/assets/web/js/cpdDarkHc.d.ts

@@ -311,6 +311,8 @@ export const cpdIconFolder: string;
 export const cpdIconSave: string;
 export const cpdIconUnsave: string;
 export const cpdIconSaveSolid: string;
+export const cpdIconHourglassSolid: string;
+export const cpdIconHourglass: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;
@@ -626,6 +628,7 @@ export const cpdColorTextSecondary: string;
 export const cpdColorTextDisabled: string;
 export const cpdColorTextActionPrimary: string;
 export const cpdColorTextActionAccent: string;
+export const cpdColorTextActionSuccess: string;
 export const cpdColorTextLinkExternal: string;
 export const cpdColorTextCriticalPrimary: string;
 export const cpdColorTextSuccessPrimary: string;
@@ -639,8 +642,10 @@ export const cpdColorTextDecorative5: string;
 export const cpdColorTextDecorative6: string;
 export const cpdColorTextBadgeAccent: string;
 export const cpdColorTextBadgeInfo: string;
+export const cpdColorTextWarningPrimary: string;
 export const cpdColorBgSubtlePrimary: string;
 export const cpdColorBgSubtleSecondary: string;
+export const cpdColorBgSubtleTertiary: string;
 export const cpdColorBgCanvasDefault: string;
 export const cpdColorBgCanvasDisabled: string;
 export const cpdColorBgCanvasDefaultLevel1: string;
@@ -659,6 +664,9 @@ export const cpdColorBgCriticalHovered: string;
 export const cpdColorBgCriticalSubtle: string;
 export const cpdColorBgCriticalSubtleHovered: string;
 export const cpdColorBgSuccessSubtle: string;
+export const cpdColorBgSuccessRest: string;
+export const cpdColorBgSuccessHovered: string;
+export const cpdColorBgSuccessPressed: string;
 export const cpdColorBgInfoSubtle: string;
 export const cpdColorBgDecorative1: string;
 export const cpdColorBgDecorative2: string;
@@ -670,6 +678,7 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgAccentSubtle: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
@@ -686,6 +695,7 @@ export const cpdColorBorderCriticalPrimary: string;
 export const cpdColorBorderCriticalHovered: string;
 export const cpdColorBorderCriticalSubtle: string;
 export const cpdColorBorderSuccessSubtle: string;
+export const cpdColorBorderSuccessPrimary: string;
 export const cpdColorBorderInfoSubtle: string;
 export const cpdColorBorderAccentSubtle: string;
 export const cpdColorBorderAccentPrimary: string;
@@ -704,6 +714,7 @@ export const cpdColorIconCriticalPrimary: string;
 export const cpdColorIconSuccessPrimary: string;
 export const cpdColorIconInfoPrimary: string;
 export const cpdColorIconOnSolidPrimary: string;
+export const cpdColorIconWarningPrimary: string;
 export const cpdColorGradientSubtleStop1: string;
 export const cpdColorGradientSubtleStop2: string;
 export const cpdColorGradientSubtleStop3: string;

package/assets/web/js/cpdDarkHc.js

@@ -339,6 +339,8 @@ export const cpdIconFolder = "icons/folder.svg";
 export const cpdIconSave = "icons/save.svg";
 export const cpdIconUnsave = "icons/unsave.svg";
 export const cpdIconSaveSolid = "icons/save-solid.svg";
+export const cpdIconHourglassSolid = "icons/hourglass-solid.svg";
+export const cpdIconHourglass = "icons/hourglass.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
 export const cpdColorGray200 = "#1d1f24";
@@ -654,6 +656,7 @@ export const cpdColorTextSecondary = "#acb4bd";
 export const cpdColorTextDisabled = "#79818d";
 export const cpdColorTextActionPrimary = "#f2f5f7";
 export const cpdColorTextActionAccent = "#37c998";
+export const cpdColorTextActionSuccess = "#37c998";
 export const cpdColorTextLinkExternal = "#b2cffa";
 export const cpdColorTextCriticalPrimary = "#ff968c";
 export const cpdColorTextSuccessPrimary = "#37c998";
@@ -667,8 +670,10 @@ export const cpdColorTextDecorative5 = "#ffbbca";
 export const cpdColorTextDecorative6 = "#fdc197";
 export const cpdColorTextBadgeAccent = "#8fddbc";
 export const cpdColorTextBadgeInfo = "#b2cffa";
+export const cpdColorTextWarningPrimary = "#f89d58";
 export const cpdColorBgSubtlePrimary = "#2b2e33";
 export const cpdColorBgSubtleSecondary = "#26282d";
+export const cpdColorBgSubtleTertiary = "#181a1f";
 export const cpdColorBgCanvasDefault = "#101317";
 export const cpdColorBgCanvasDisabled = "#1d1f24";
 export const cpdColorBgCanvasDefaultLevel1 = "#26282d";
@@ -687,6 +692,9 @@ export const cpdColorBgCriticalHovered = "#ffa79d";
 export const cpdColorBgCriticalSubtle = "#470000";
 export const cpdColorBgCriticalSubtleHovered = "#590000";
 export const cpdColorBgSuccessSubtle = "#002513";
+export const cpdColorBgSuccessRest = "#37c998";
+export const cpdColorBgSuccessHovered = "#61d2a6";
+export const cpdColorBgSuccessPressed = "#8fddbc";
 export const cpdColorBgInfoSubtle = "#001264";
 export const cpdColorBgDecorative1 = "#003000";
 export const cpdColorBgDecorative2 = "#002559";
@@ -698,6 +706,7 @@ export const cpdColorBgAccentRest = "#37c998";
 export const cpdColorBgAccentHovered = "#61d2a6";
 export const cpdColorBgAccentPressed = "#8fddbc";
 export const cpdColorBgAccentSelected = "hsl(155, 100%, 9%, 1)";
+export const cpdColorBgAccentSubtle = "#002513";
 export const cpdColorBgBadgeAccent = "#003622";
 export const cpdColorBgBadgeInfo = "#032677";
 export const cpdColorBgBadgeDefault = "#101317";
@@ -714,6 +723,7 @@ export const cpdColorBorderCriticalPrimary = "#ff968c";
 export const cpdColorBorderCriticalHovered = "#ffa79d";
 export const cpdColorBorderCriticalSubtle = "#830009";
 export const cpdColorBorderSuccessSubtle = "#004832";
+export const cpdColorBorderSuccessPrimary = "#37c998";
 export const cpdColorBorderInfoSubtle = "#0e61d1";
 export const cpdColorBorderAccentSubtle = "#00745c";
 export const cpdColorBorderAccentPrimary = "#37c998";
@@ -732,6 +742,7 @@ export const cpdColorIconCriticalPrimary = "#ff968c";
 export const cpdColorIconSuccessPrimary = "#37c998";
 export const cpdColorIconInfoPrimary = "#b2cffa";
 export const cpdColorIconOnSolidPrimary = "#101317";
+export const cpdColorIconWarningPrimary = "#f89d58";
 export const cpdColorGradientSubtleStop1 = "hsl(162, 100%, 14%, 1)";
 export const cpdColorGradientSubtleStop2 = "hsl(158, 100%, 11%, 1)";
 export const cpdColorGradientSubtleStop3 = "hsl(155, 100%, 9%, 1)";

package/assets/web/js/cpdLight.d.ts

@@ -311,6 +311,8 @@ export const cpdIconFolder: string;
 export const cpdIconSave: string;
 export const cpdIconUnsave: string;
 export const cpdIconSaveSolid: string;
+export const cpdIconHourglassSolid: string;
+export const cpdIconHourglass: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;
@@ -626,6 +628,7 @@ export const cpdColorTextSecondary: string;
 export const cpdColorTextDisabled: string;
 export const cpdColorTextActionPrimary: string;
 export const cpdColorTextActionAccent: string;
+export const cpdColorTextActionSuccess: string;
 export const cpdColorTextLinkExternal: string;
 export const cpdColorTextCriticalPrimary: string;
 export const cpdColorTextSuccessPrimary: string;
@@ -639,8 +642,10 @@ export const cpdColorTextDecorative5: string;
 export const cpdColorTextDecorative6: string;
 export const cpdColorTextBadgeAccent: string;
 export const cpdColorTextBadgeInfo: string;
+export const cpdColorTextWarningPrimary: string;
 export const cpdColorBgSubtlePrimary: string;
 export const cpdColorBgSubtleSecondary: string;
+export const cpdColorBgSubtleTertiary: string;
 export const cpdColorBgCanvasDefault: string;
 export const cpdColorBgCanvasDisabled: string;
 export const cpdColorBgCanvasDefaultLevel1: string;
@@ -659,6 +664,9 @@ export const cpdColorBgCriticalHovered: string;
 export const cpdColorBgCriticalSubtle: string;
 export const cpdColorBgCriticalSubtleHovered: string;
 export const cpdColorBgSuccessSubtle: string;
+export const cpdColorBgSuccessRest: string;
+export const cpdColorBgSuccessHovered: string;
+export const cpdColorBgSuccessPressed: string;
 export const cpdColorBgInfoSubtle: string;
 export const cpdColorBgDecorative1: string;
 export const cpdColorBgDecorative2: string;
@@ -670,6 +678,7 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgAccentSubtle: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
@@ -686,6 +695,7 @@ export const cpdColorBorderCriticalPrimary: string;
 export const cpdColorBorderCriticalHovered: string;
 export const cpdColorBorderCriticalSubtle: string;
 export const cpdColorBorderSuccessSubtle: string;
+export const cpdColorBorderSuccessPrimary: string;
 export const cpdColorBorderInfoSubtle: string;
 export const cpdColorBorderAccentSubtle: string;
 export const cpdColorBorderAccentPrimary: string;
@@ -704,6 +714,7 @@ export const cpdColorIconCriticalPrimary: string;
 export const cpdColorIconSuccessPrimary: string;
 export const cpdColorIconInfoPrimary: string;
 export const cpdColorIconOnSolidPrimary: string;
+export const cpdColorIconWarningPrimary: string;
 export const cpdColorGradientSubtleStop1: string;
 export const cpdColorGradientSubtleStop2: string;
 export const cpdColorGradientSubtleStop3: string;

package/assets/web/js/cpdLight.js

@@ -339,6 +339,8 @@ export const cpdIconFolder = "icons/folder.svg";
 export const cpdIconSave = "icons/save.svg";
 export const cpdIconUnsave = "icons/unsave.svg";
 export const cpdIconSaveSolid = "icons/save-solid.svg";
+export const cpdIconHourglassSolid = "icons/hourglass-solid.svg";
+export const cpdIconHourglass = "icons/hourglass.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
 export const cpdColorGray200 = "#f7f9fa";
@@ -654,6 +656,7 @@ export const cpdColorTextSecondary = "#656d77";
 export const cpdColorTextDisabled = "#818a95";
 export const cpdColorTextActionPrimary = "#1b1d22";
 export const cpdColorTextActionAccent = "#007a61";
+export const cpdColorTextActionSuccess = "#007a61";
 export const cpdColorTextLinkExternal = "#064ab1";
 export const cpdColorTextCriticalPrimary = "#d51928";
 export const cpdColorTextSuccessPrimary = "#007a61";
@@ -667,8 +670,10 @@ export const cpdColorTextDecorative5 = "#9f0850";
 export const cpdColorTextDecorative6 = "#9b2200";
 export const cpdColorTextBadgeAccent = "#005c45";
 export const cpdColorTextBadgeInfo = "#064ab1";
+export const cpdColorTextWarningPrimary = "#bc4500";
 export const cpdColorBgSubtlePrimary = "#e1e6ec";
 export const cpdColorBgSubtleSecondary = "#f0f2f5";
+export const cpdColorBgSubtleTertiary = "#fbfcfd";
 export const cpdColorBgCanvasDefault = "#ffffff";
 export const cpdColorBgCanvasDisabled = "#f7f9fa";
 export const cpdColorBgCanvasDefaultLevel1 = "#ffffff";
@@ -687,6 +692,9 @@ export const cpdColorBgCriticalHovered = "#bc0f22";
 export const cpdColorBgCriticalSubtle = "#fff7f6";
 export const cpdColorBgCriticalSubtleHovered = "#ffefec";
 export const cpdColorBgSuccessSubtle = "#f1fbf6";
+export const cpdColorBgSuccessRest = "#007a61";
+export const cpdColorBgSuccessHovered = "#006b52";
+export const cpdColorBgSuccessPressed = "#005c45";
 export const cpdColorBgInfoSubtle = "#f4f8ff";
 export const cpdColorBgDecorative1 = "#e0f8d9";
 export const cpdColorBgDecorative2 = "#e3f5f8";
@@ -698,6 +706,7 @@ export const cpdColorBgAccentRest = "#007a61";
 export const cpdColorBgAccentHovered = "#006b52";
 export const cpdColorBgAccentPressed = "#005c45";
 export const cpdColorBgAccentSelected = "hsla(150, 100%, 36%, 0.11)";
+export const cpdColorBgAccentSubtle = "#f1fbf6";
 export const cpdColorBgBadgeAccent = "#c6eedb";
 export const cpdColorBgBadgeInfo = "#d8e7fe";
 export const cpdColorBgBadgeDefault = "#ffffff";
@@ -714,6 +723,7 @@ export const cpdColorBorderCriticalPrimary = "#d51928";
 export const cpdColorBorderCriticalHovered = "#bc0f22";
 export const cpdColorBorderCriticalSubtle = "#ffc5bc";
 export const cpdColorBorderSuccessSubtle = "#98e1c1";
+export const cpdColorBorderSuccessPrimary = "#007a61";
 export const cpdColorBorderInfoSubtle = "#7eaff6";
 export const cpdColorBorderAccentSubtle = "#0bc491";
 export const cpdColorBorderAccentPrimary = "#007a61";
@@ -732,6 +742,7 @@ export const cpdColorIconCriticalPrimary = "#d51928";
 export const cpdColorIconSuccessPrimary = "#007a61";
 export const cpdColorIconInfoPrimary = "#064ab1";
 export const cpdColorIconOnSolidPrimary = "#ffffff";
+export const cpdColorIconWarningPrimary = "#bc4500";
 export const cpdColorGradientSubtleStop1 = "hsla(154, 96%, 37%, 0.41)";
 export const cpdColorGradientSubtleStop2 = "hsla(151, 93%, 37%, 0.23)";
 export const cpdColorGradientSubtleStop3 = "hsla(150, 100%, 36%, 0.11)";

package/assets/web/js/cpdLightHc.d.ts

@@ -311,6 +311,8 @@ export const cpdIconFolder: string;
 export const cpdIconSave: string;
 export const cpdIconUnsave: string;
 export const cpdIconSaveSolid: string;
+export const cpdIconHourglassSolid: string;
+export const cpdIconHourglass: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;
@@ -626,6 +628,7 @@ export const cpdColorTextSecondary: string;
 export const cpdColorTextDisabled: string;
 export const cpdColorTextActionPrimary: string;
 export const cpdColorTextActionAccent: string;
+export const cpdColorTextActionSuccess: string;
 export const cpdColorTextLinkExternal: string;
 export const cpdColorTextCriticalPrimary: string;
 export const cpdColorTextSuccessPrimary: string;
@@ -639,8 +642,10 @@ export const cpdColorTextDecorative5: string;
 export const cpdColorTextDecorative6: string;
 export const cpdColorTextBadgeAccent: string;
 export const cpdColorTextBadgeInfo: string;
+export const cpdColorTextWarningPrimary: string;
 export const cpdColorBgSubtlePrimary: string;
 export const cpdColorBgSubtleSecondary: string;
+export const cpdColorBgSubtleTertiary: string;
 export const cpdColorBgCanvasDefault: string;
 export const cpdColorBgCanvasDisabled: string;
 export const cpdColorBgCanvasDefaultLevel1: string;
@@ -659,6 +664,9 @@ export const cpdColorBgCriticalHovered: string;
 export const cpdColorBgCriticalSubtle: string;
 export const cpdColorBgCriticalSubtleHovered: string;
 export const cpdColorBgSuccessSubtle: string;
+export const cpdColorBgSuccessRest: string;
+export const cpdColorBgSuccessHovered: string;
+export const cpdColorBgSuccessPressed: string;
 export const cpdColorBgInfoSubtle: string;
 export const cpdColorBgDecorative1: string;
 export const cpdColorBgDecorative2: string;
@@ -670,6 +678,7 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgAccentSubtle: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
@@ -686,6 +695,7 @@ export const cpdColorBorderCriticalPrimary: string;
 export const cpdColorBorderCriticalHovered: string;
 export const cpdColorBorderCriticalSubtle: string;
 export const cpdColorBorderSuccessSubtle: string;
+export const cpdColorBorderSuccessPrimary: string;
 export const cpdColorBorderInfoSubtle: string;
 export const cpdColorBorderAccentSubtle: string;
 export const cpdColorBorderAccentPrimary: string;
@@ -704,6 +714,7 @@ export const cpdColorIconCriticalPrimary: string;
 export const cpdColorIconSuccessPrimary: string;
 export const cpdColorIconInfoPrimary: string;
 export const cpdColorIconOnSolidPrimary: string;
+export const cpdColorIconWarningPrimary: string;
 export const cpdColorGradientSubtleStop1: string;
 export const cpdColorGradientSubtleStop2: string;
 export const cpdColorGradientSubtleStop3: string;