@gitlab/ui 128.13.3 → 128.14.1

package/src/tokens/build/js/tokens.dark.js

@@ -744,7 +744,7 @@ export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d';
 export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = 'rgba(137, 136, 141, 0.16)';
 export const GL_BUTTON_DISABLED_BORDER_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_COUNT_BACKGROUND_COLOR = 'rgba(255, 255, 255, 0.16)';
-export const GL_CARD_BORDER_RADIUS = '0.5rem';
+export const GL_CARD_BORDER_RADIUS = '0.75rem';
 export const GL_CHART_AXIS_POINTER_COLOR = '#bfbfc3';
 export const GL_CHART_AXIS_LINE_COLOR = '#4c4b51';
 export const GL_CHART_AXIS_TEXT_COLOR = '#bfbfc3';

package/src/tokens/build/js/tokens.js

@@ -744,7 +744,7 @@ export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278';
 export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd';
 export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde';
 export const GL_BUTTON_COUNT_BACKGROUND_COLOR = 'rgba(5, 5, 6, 0.08)';
-export const GL_CARD_BORDER_RADIUS = '0.5rem';
+export const GL_CARD_BORDER_RADIUS = '0.75rem';
 export const GL_CHART_AXIS_POINTER_COLOR = '#626168';
 export const GL_CHART_AXIS_LINE_COLOR = '#bfbfc3';
 export const GL_CHART_AXIS_TEXT_COLOR = '#626168';

package/src/tokens/build/json/tokens.dark.json

@@ -21063,7 +21063,7 @@
     "border": {
       "radius": {
         "key": "{card.border.radius}",
-        "$value": "0.5rem",
+        "$value": "0.75rem",
         "$type": "dimension",
         "$description": "Used for card border radius.",
         "$extensions": {
@@ -21074,7 +21074,7 @@
         "filePath": "src/tokens/contextual/card.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "{border.radius.lg}",
+          "$value": "{border.radius.xl}",
           "$type": "dimension",
           "$description": "Used for card border radius.",
           "$extensions": {

package/src/tokens/build/json/tokens.json

@@ -21063,7 +21063,7 @@
     "border": {
       "radius": {
         "key": "{card.border.radius}",
-        "$value": "0.5rem",
+        "$value": "0.75rem",
         "$type": "dimension",
         "$description": "Used for card border radius.",
         "$extensions": {
@@ -21074,7 +21074,7 @@
         "filePath": "src/tokens/contextual/card.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "{border.radius.lg}",
+          "$value": "{border.radius.xl}",
           "$type": "dimension",
           "$description": "Used for card border radius.",
           "$extensions": {

package/src/tokens/build/scss/_tokens.dark.scss

@@ -1134,7 +1134,7 @@ $gl-button-dashed-border-color-focus: $gl-button-dashed-border-color-default; //
 $gl-button-link-border-radius: $gl-border-radius-md; // Used for link button border radius.
 $gl-button-link-text-color-default: $gl-text-color-link; // Used for the text of a link button in the default state.
 $gl-button-selected-border-color-focus: $gl-button-selected-border-color-hover; // Used for the border of a selected button in the focus state.
-$gl-card-border-radius: $gl-border-radius-lg; // Used for card border radius.
+$gl-card-border-radius: $gl-border-radius-xl; // Used for card border radius.
 $gl-chart-axis-text-color: $gl-text-color-subtle; // Used in charts for the text color of axis titles and labels.
 $gl-datepicker-date-text-color-selected: $gl-control-indicator-color-selected; // Used for the datepicker date text color state indicators.
 $gl-drawer-border-radius: $gl-border-radius-2xl; // Used for drawer border radius.

package/src/tokens/build/scss/_tokens.scss

@@ -1127,7 +1127,7 @@ $gl-button-selected-foreground-color-default: $gl-button-default-primary-foregro
 $gl-button-selected-background-color-hover: $gl-button-default-primary-background-color-hover; // Used for the background of a selected button in the hover state.
 $gl-button-selected-background-color-active: $gl-button-default-primary-background-color-active; // Used for the background of a selected button in the active state.
 $gl-button-selected-border-color-focus: $gl-button-selected-border-color-hover; // Used for the border of a selected button in the focus state.
-$gl-card-border-radius: $gl-border-radius-lg; // Used for card border radius.
+$gl-card-border-radius: $gl-border-radius-xl; // Used for card border radius.
 $gl-chart-axis-text-color: $gl-text-color-subtle; // Used in charts for the text color of axis titles and labels.
 $gl-datepicker-date-text-color-selected: $gl-control-indicator-color-selected; // Used for the datepicker date text color state indicators.
 $gl-drawer-border-radius: $gl-border-radius-2xl; // Used for drawer border radius.

package/src/tokens/contextual/card.tokens.json

@@ -2,7 +2,7 @@
   "card": {
     "border": {
       "radius": {
-        "$value": "{border.radius.lg}",
+        "$value": "{border.radius.xl}",
         "$type": "dimension",
         "$description": "Used for card border radius.",
         "$extensions": {