diff --git a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap index 8da65ddff3..5b69934807 100644 --- a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap +++ b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap @@ -93,6 +93,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "2px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "1px", @@ -165,6 +181,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border width of tokens.", "$value": "1px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#414750", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#1a2029", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#21252c", + "light": "#eaeded", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#21252c", + "light": "#f1faff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -669,6 +713,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#99cbe4", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#00a1c9", + "light": "#0073bb", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#687078", + "light": "#aab7b8", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -2069,6 +2141,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#0073bb", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#879596", + "light": "#879596", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -2885,6 +2964,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "16px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -3208,6 +3315,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "2px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "1px", @@ -3280,6 +3403,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border width of tokens.", "$value": "1px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#414750", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#1a2029", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#21252c", + "light": "#eaeded", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#21252c", + "light": "#f1faff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -3784,6 +3935,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#99cbe4", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#00a1c9", + "light": "#0073bb", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#687078", + "light": "#aab7b8", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -5184,6 +5363,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#0073bb", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#879596", + "light": "#879596", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -6000,6 +6186,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "16px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -6323,6 +6537,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "2px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "1px", @@ -6395,6 +6625,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border width of tokens.", "$value": "1px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#414750", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#1a2029", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#21252c", + "light": "#eaeded", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#21252c", + "light": "#f1faff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -6899,6 +7157,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#99cbe4", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#00a1c9", + "light": "#0073bb", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#687078", + "light": "#aab7b8", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -8299,6 +8585,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#0073bb", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#879596", + "light": "#879596", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -9115,6 +9408,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "16px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -9438,6 +9759,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "2px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "1px", @@ -9510,6 +9847,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border width of tokens.", "$value": "1px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#414750", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#1a2029", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#21252c", + "light": "#eaeded", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#21252c", + "light": "#f1faff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -10014,6 +10379,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#99cbe4", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#00a1c9", + "light": "#0073bb", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#687078", + "light": "#aab7b8", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -11414,6 +11807,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#0073bb", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#879596", + "light": "#879596", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -12230,6 +12630,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "16px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -12553,6 +12981,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "2px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "1px", @@ -12625,6 +13069,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border width of tokens.", "$value": "1px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#414750", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#1a2029", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#21252c", + "light": "#eaeded", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#21252c", + "light": "#f1faff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -13129,6 +13601,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#99cbe4", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#00a1c9", + "light": "#0073bb", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#687078", + "light": "#aab7b8", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -14529,6 +15029,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#0073bb", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#879596", + "light": "#879596", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -15345,6 +15852,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "16px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -15668,6 +16203,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "2px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "1px", @@ -15740,6 +16291,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border width of tokens.", "$value": "1px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#414750", + "light": "#414750", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#1a2029", + "light": "#1a2029", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#21252c", + "light": "#21252c", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#21252c", + "light": "#21252c", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -16244,6 +16823,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#0073bb", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#44b9d6", + "light": "#44b9d6", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#00a1c9", + "light": "#00a1c9", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#687078", + "light": "#687078", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#44b9d6", + "light": "#44b9d6", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -17644,6 +18251,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#44b9d6", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#879596", + "light": "#879596", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -18460,6 +19074,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "16px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -18783,6 +19425,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "2px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "1px", @@ -18855,6 +19513,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The border width of tokens.", "$value": "1px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#414750", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#1a2029", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#21252c", + "light": "#eaeded", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#21252c", + "light": "#f1faff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -19359,6 +20045,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#99cbe4", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#00a1c9", + "light": "#0073bb", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#687078", + "light": "#aab7b8", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#44b9d6", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -20759,6 +21473,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#0073bb", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#879596", + "light": "#879596", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -21575,6 +22296,34 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "16px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -21903,6 +22652,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -21975,6 +22740,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#f0fbff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -22479,6 +23272,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#d1f1ff", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#006ce0", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#b4b4bb", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -23879,6 +24700,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -24695,6 +25523,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -25018,6 +25874,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -25090,6 +25962,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#333843", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#161d26", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#161d26", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#1b232d", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -25594,6 +26494,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#75cfff", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#42b4ff", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#656871", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#75cfff", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -26994,6 +27922,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#42b4ff", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -27810,6 +28745,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -28133,6 +29096,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -28205,6 +29184,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#f0fbff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -28709,6 +29716,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#d1f1ff", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#006ce0", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#b4b4bb", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -30109,6 +31144,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -30925,6 +31967,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -31248,6 +32318,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -31320,6 +32406,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#f0fbff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -31824,6 +32938,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#d1f1ff", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#006ce0", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#b4b4bb", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -33224,6 +34366,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -34040,6 +35189,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "12px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -34363,6 +35540,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -34435,6 +35628,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#f0fbff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -34939,6 +36160,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#d1f1ff", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#006ce0", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#b4b4bb", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -36339,6 +37588,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -37155,6 +38411,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -37478,6 +38762,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -37550,6 +38850,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#f0fbff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -38054,6 +39382,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#d1f1ff", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#006ce0", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#b4b4bb", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -39454,6 +40810,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -40270,6 +41633,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -40593,6 +41984,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -40665,6 +42072,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#333843", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#161d26", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#161d26", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#1b232d", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -41169,6 +42604,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#75cfff", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#42b4ff", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#656871", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#75cfff", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -42569,6 +44032,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#42b4ff", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -43385,6 +44855,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -43708,6 +45206,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -43780,6 +45294,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#333843", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#161d26", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#161d26", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#1b232d", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -44284,6 +45826,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#75cfff", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#42b4ff", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#656871", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#75cfff", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -45684,6 +47254,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#42b4ff", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -46500,6 +48077,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { @@ -46823,6 +48428,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border radius of tutorials inside a tutorial panel.", "$value": "8px", }, + "border-width-action-card-active": { + "$description": "The border width of action cards in active state.", + "$value": "1px", + }, + "border-width-action-card-default": { + "$description": "The border width of action cards in default state.", + "$value": "1px", + }, + "border-width-action-card-disabled": { + "$description": "The border width of action cards in disabled state.", + "$value": "1px", + }, + "border-width-action-card-hover": { + "$description": "The border width of action cards in hover state.", + "$value": "1px", + }, "border-width-alert": { "$description": "The border width of alerts.", "$value": "2px", @@ -46895,6 +48516,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The border width of tokens.", "$value": "2px", }, + "color-background-action-card-active": { + "$description": "The background color of action cards in active state.", + "$value": { + "dark": "#333843", + "light": "#d1f1ff", + }, + }, + "color-background-action-card-default": { + "$description": "The default background color of action cards.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-disabled": { + "$description": "The background color of action cards in disabled state.", + "$value": { + "dark": "#161d26", + "light": "#ffffff", + }, + }, + "color-background-action-card-hover": { + "$description": "The background color of action cards in hover state.", + "$value": { + "dark": "#1b232d", + "light": "#f0fbff", + }, + }, "color-background-avatar-default": { "$description": "The default background color of avatars.", "$value": { @@ -47399,6 +49048,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#d1f1ff", }, }, + "color-border-action-card-active": { + "$description": "The border color of action cards in active state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, + "color-border-action-card-default": { + "$description": "The default border color of action cards.", + "$value": { + "dark": "#42b4ff", + "light": "#006ce0", + }, + }, + "color-border-action-card-disabled": { + "$description": "The border color of action cards in disabled state.", + "$value": { + "dark": "#656871", + "light": "#b4b4bb", + }, + }, + "color-border-action-card-hover": { + "$description": "The border color of action cards in hover state.", + "$value": { + "dark": "#75cfff", + "light": "#002b66", + }, + }, "color-border-button-link-disabled": { "$description": "The border color of link buttons in disabled state.", "$value": { @@ -48799,6 +50476,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#006ce0", }, }, + "color-text-action-card-disabled": { + "$description": "The text color of action cards in disabled state.", + "$value": { + "dark": "#8c8c94", + "light": "#8c8c94", + }, + }, "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { @@ -49615,6 +51299,34 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "compact": "28px", }, }, + "space-action-card-horizontal-default": { + "$description": "The default horizontal padding inside an action card.", + "$value": { + "comfortable": "20px", + "compact": "20px", + }, + }, + "space-action-card-horizontal-embedded": { + "$description": "The horizontal padding inside an embedded action card.", + "$value": { + "comfortable": "12px", + "compact": "10px", + }, + }, + "space-action-card-vertical-default": { + "$description": "The default vertical padding inside an action card.", + "$value": { + "comfortable": "16px", + "compact": "12px", + }, + }, + "space-action-card-vertical-embedded": { + "$description": "The vertical padding inside an embedded action card.", + "$value": { + "comfortable": "10px", + "compact": "8px", + }, + }, "space-alert-vertical": { "$description": "The vertical padding inside alert components.", "$value": { diff --git a/style-dictionary/visual-refresh/metadata/borders.ts b/style-dictionary/visual-refresh/metadata/borders.ts index 6329b6a6f5..f3d95c3a07 100644 --- a/style-dictionary/visual-refresh/metadata/borders.ts +++ b/style-dictionary/visual-refresh/metadata/borders.ts @@ -219,6 +219,26 @@ const metadata: StyleDictionary.MetadataIndex = { public: true, themeable: true, }, + borderWidthActionCardDefault: { + description: 'The border width of action cards in default state.', + public: true, + themeable: true, + }, + borderWidthActionCardHover: { + description: 'The border width of action cards in hover state.', + public: true, + themeable: true, + }, + borderWidthActionCardActive: { + description: 'The border width of action cards in active state.', + public: true, + themeable: true, + }, + borderWidthActionCardDisabled: { + description: 'The border width of action cards in disabled state.', + public: true, + themeable: true, + }, }; export default metadata; diff --git a/style-dictionary/visual-refresh/metadata/colors.ts b/style-dictionary/visual-refresh/metadata/colors.ts index 6ff8f0a5b5..635459bd6a 100644 --- a/style-dictionary/visual-refresh/metadata/colors.ts +++ b/style-dictionary/visual-refresh/metadata/colors.ts @@ -994,6 +994,51 @@ const metadata: StyleDictionary.MetadataIndex = { themeable: true, public: true, }, + colorBackgroundActionCardDefault: { + description: 'The default background color of action cards.', + themeable: true, + public: true, + }, + colorBackgroundActionCardHover: { + description: 'The background color of action cards in hover state.', + themeable: true, + public: true, + }, + colorBackgroundActionCardActive: { + description: 'The background color of action cards in active state.', + themeable: true, + public: true, + }, + colorBackgroundActionCardDisabled: { + description: 'The background color of action cards in disabled state.', + themeable: true, + public: true, + }, + colorBorderActionCardDefault: { + description: 'The default border color of action cards.', + themeable: true, + public: true, + }, + colorBorderActionCardHover: { + description: 'The border color of action cards in hover state.', + themeable: true, + public: true, + }, + colorBorderActionCardActive: { + description: 'The border color of action cards in active state.', + themeable: true, + public: true, + }, + colorBorderActionCardDisabled: { + description: 'The border color of action cards in disabled state.', + themeable: true, + public: true, + }, + colorTextActionCardDisabled: { + description: 'The text color of action cards in disabled state.', + themeable: true, + public: true, + }, colorTextIconSubtle: { description: 'The color of subtle icons. For example: secondary icons with lower visual emphasis.', public: true, diff --git a/style-dictionary/visual-refresh/metadata/spacing.ts b/style-dictionary/visual-refresh/metadata/spacing.ts index 40c0879139..5af406f891 100644 --- a/style-dictionary/visual-refresh/metadata/spacing.ts +++ b/style-dictionary/visual-refresh/metadata/spacing.ts @@ -134,6 +134,26 @@ const metadata: StyleDictionary.MetadataIndex = { public: true, themeable: true, }, + spaceActionCardHorizontalDefault: { + description: 'The default horizontal padding inside an action card.', + public: true, + themeable: true, + }, + spaceActionCardHorizontalEmbedded: { + description: 'The horizontal padding inside an embedded action card.', + public: true, + themeable: true, + }, + spaceActionCardVerticalDefault: { + description: 'The default vertical padding inside an action card.', + public: true, + themeable: true, + }, + spaceActionCardVerticalEmbedded: { + description: 'The vertical padding inside an embedded action card.', + public: true, + themeable: true, + }, spaceContainerHorizontal: { description: 'The horizontal padding inside a container.', public: true,