@gitlab/ui 127.1.1 → 128.1.0

package/src/tokens/deprecated/deprecated.color.transparency.tokens.json

@@ -1,146 +1,250 @@
 {
   "t-gray-a": {
-    "02": {
-      "$value": "rgba(05, 05, 06, 0.02)",
+    "16": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0196078431372549,
+          0.0196078431372549,
+          0.023529411764705882
+        ],
+        "alpha": 0.16
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.dark.2 instead.",
+      "$description": "Use color.alpha.dark.16 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "04": {
-      "$value": "rgba(05, 05, 06, 0.04)",
+    "24": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0196078431372549,
+          0.0196078431372549,
+          0.023529411764705882
+        ],
+        "alpha": 0.24
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.dark.4 instead.",
+      "$description": "Use color.alpha.dark.24 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "06": {
-      "$value": "rgba(05, 05, 06, 0.06)",
+    "02": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0196078431372549,
+          0.0196078431372549,
+          0.023529411764705882
+        ],
+        "alpha": 0.02
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.dark.6 instead.",
+      "$description": "Use color.alpha.dark.2 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "08": {
-      "$value": "rgba(05, 05, 06, 0.08)",
+    "04": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0196078431372549,
+          0.0196078431372549,
+          0.023529411764705882
+        ],
+        "alpha": 0.04
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.dark.8 instead.",
+      "$description": "Use color.alpha.dark.4 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "16": {
-      "$value": "rgba(05, 05, 06, 0.16)",
+    "06": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0196078431372549,
+          0.0196078431372549,
+          0.023529411764705882
+        ],
+        "alpha": 0.06
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.dark.16 instead.",
+      "$description": "Use color.alpha.dark.6 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "24": {
-      "$value": "rgba(05, 05, 06, 0.24)",
+    "08": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0196078431372549,
+          0.0196078431372549,
+          0.023529411764705882
+        ],
+        "alpha": 0.08
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.dark.24 instead.",
+      "$description": "Use color.alpha.dark.8 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     }
   },
   "t-white-a": {
-    "02": {
-      "$value": "rgba(255, 255, 255, 0.02)",
+    "16": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0.16
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.light.2 instead.",
+      "$description": "Use color.alpha.light.16 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "04": {
-      "$value": "rgba(255, 255, 255, 0.04)",
+    "24": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0.24
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.light.4 instead.",
+      "$description": "Use color.alpha.light.24 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "06": {
-      "$value": "rgba(255, 255, 255, 0.06)",
+    "36": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0.36
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
       },
-      "$description": "Use color.alpha.light.6 instead.",
+      "$description": "Use color.alpha.light.36 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "08": {
-      "$value": "rgba(255, 255, 255, 0.08)",
+    "02": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0.02
+      },
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
-      "$description": "Use color.alpha.light.8 instead.",
+      "$description": "Use color.alpha.light.2 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "16": {
-      "$value": "rgba(255, 255, 255, 0.16)",
+    "04": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0.04
+      },
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
-      "$description": "Use color.alpha.light.16 instead.",
+      "$description": "Use color.alpha.light.4 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "24": {
-      "$value": "rgba(255, 255, 255, 0.24)",
+    "06": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0.06
+      },
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
-      "$description": "Use color.alpha.light.24 instead.",
+      "$description": "Use color.alpha.light.6 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true
     },
-    "36": {
-      "$value": "rgba(255, 255, 255, 0.36)",
+    "08": {
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0.08
+      },
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
-      "$description": "Use color.alpha.light.36 instead.",
+      "$description": "Use color.alpha.light.8 instead.",
       "themeable": true,
       "prefix": false,
       "$deprecated": true

package/src/tokens/semantic/action.tokens.json

@@ -271,8 +271,24 @@
         "color": {
           "default": {
             "$value": {
-              "default": "rgba(164, 163, 168, 0.0)",
-              "dark": "rgba(137, 136, 141, 0.0)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.6431372549019608,
+                  0.6392156862745098,
+                  0.6588235294117647
+                ],
+                "alpha": 0
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.5372549019607843,
+                  0.5333333333333333,
+                  0.5529411764705883
+                ],
+                "alpha": 0
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a neutral action in the default state.",
@@ -285,8 +301,24 @@
           },
           "hover": {
             "$value": {
-              "default": "rgba(164, 163, 168, 0.16)",
-              "dark": "rgba(137, 136, 141, 0.4)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.6431372549019608,
+                  0.6392156862745098,
+                  0.6588235294117647
+                ],
+                "alpha": 0.16
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.5372549019607843,
+                  0.5333333333333333,
+                  0.5529411764705883
+                ],
+                "alpha": 0.4
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a neutral action in the hover state.",
@@ -310,8 +342,24 @@
           },
           "active": {
             "$value": {
-              "default": "rgba(83, 81, 88, 0.24)",
-              "dark": "rgba(137, 136, 141, 0.16)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.3254901960784314,
+                  0.3176470588235294,
+                  0.34509803921568627
+                ],
+                "alpha": 0.24
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.5372549019607843,
+                  0.5333333333333333,
+                  0.5529411764705883
+                ],
+                "alpha": 0.16
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a neutral action in the active state.",
@@ -431,8 +479,24 @@
         "color": {
           "default": {
             "$value": {
-              "default": "rgba(99, 166, 233, 0.0)",
-              "dark": "rgba(66, 143, 220, 0.0)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.38823529411764707,
+                  0.6509803921568628,
+                  0.9137254901960784
+                ],
+                "alpha": 0
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.25882352941176473,
+                  0.5607843137254902,
+                  0.8627450980392157
+                ],
+                "alpha": 0
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a confirm (positive) action in the default state.",
@@ -445,8 +509,24 @@
           },
           "hover": {
             "$value": {
-              "default": "rgba(99, 166, 233, 0.16)",
-              "dark": "rgba(66, 143, 220, 0.4)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.38823529411764707,
+                  0.6509803921568628,
+                  0.9137254901960784
+                ],
+                "alpha": 0.16
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.25882352941176473,
+                  0.5607843137254902,
+                  0.8627450980392157
+                ],
+                "alpha": 0.4
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a confirm (positive) action in the hover state.",
@@ -470,8 +550,24 @@
           },
           "active": {
             "$value": {
-              "default": "rgba(11, 92, 173, 0.24)",
-              "dark": "rgba(66, 143, 220, 0.16)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.043137254901960784,
+                  0.3607843137254902,
+                  0.6784313725490196
+                ],
+                "alpha": 0.24
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.25882352941176473,
+                  0.5607843137254902,
+                  0.8627450980392157
+                ],
+                "alpha": 0.16
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a confirm (positive) action in the active state.",
@@ -591,8 +687,24 @@
         "color": {
           "default": {
             "$value": {
-              "default": "rgba(245, 127, 108, 0.0)",
-              "dark": "rgba(236, 89, 65, 0.0)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.9607843137254902,
+                  0.4980392156862745,
+                  0.4235294117647059
+                ],
+                "alpha": 0
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.9254901960784314,
+                  0.34901960784313724,
+                  0.2549019607843137
+                ],
+                "alpha": 0
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the default state.",
@@ -605,8 +717,24 @@
           },
           "hover": {
             "$value": {
-              "default": "rgba(245, 127, 108, 0.16)",
-              "dark": "rgba(236, 89, 65, 0.4)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.9607843137254902,
+                  0.4980392156862745,
+                  0.4235294117647059
+                ],
+                "alpha": 0.16
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.9254901960784314,
+                  0.34901960784313724,
+                  0.2549019607843137
+                ],
+                "alpha": 0.4
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the hover state.",
@@ -630,8 +758,24 @@
           },
           "active": {
             "$value": {
-              "default": "rgba(174, 24, 0, 0.24)",
-              "dark": "rgba(236, 89, 65, 0.16)"
+              "default": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.6823529411764706,
+                  0.09411764705882353,
+                  0
+                ],
+                "alpha": 0.24
+              },
+              "dark": {
+                "colorSpace": "srgb",
+                "components": [
+                  0.9254901960784314,
+                  0.34901960784313724,
+                  0.2549019607843137
+                ],
+                "alpha": 0.16
+              }
             },
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the active state.",

package/src/tokens/semantic/background.tokens.json

@@ -88,7 +88,15 @@
       "overlay": {
         "$value": {
           "default": "{color.alpha.dark.24}",
-          "dark": "rgba(0,0,0,0.64)"
+          "dark": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.64
+          }
         },
         "$type": "color",
         "$description": "Used for an overlay that covers other content.",

package/src/vendor/bootstrap-vue/src/constants/components.js

@@ -11,8 +11,6 @@ export const NAME_DROPDOWN_ITEM = 'BDropdownItem'
 export const NAME_DROPDOWN_ITEM_BUTTON = 'BDropdownItemButton'
 export const NAME_DROPDOWN_TEXT = 'BDropdownText'
 export const NAME_FORM = 'BForm'
-export const NAME_FORM_CHECKBOX = 'BFormCheckbox'
-export const NAME_FORM_CHECKBOX_GROUP = 'BFormCheckboxGroup'
 export const NAME_FORM_GROUP = 'BFormGroup'
 export const NAME_FORM_INVALID_FEEDBACK = 'BFormInvalidFeedback'
 export const NAME_FORM_RADIO = 'BFormRadio'

package/src/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js

@@ -6,7 +6,6 @@ import { looseEqual } from '../utils/loose-equal'
 import { makeModelMixin } from '../utils/model'
 import { omit, pick, sortKeys } from '../utils/object'
 import { makeProp, makePropsConfigurable } from '../utils/props'
-import { BFormCheckbox } from '../components/form-checkbox/form-checkbox'
 import { BFormRadio } from '../components/form-radio/form-radio'
 import { formControlMixin, props as formControlProps } from './form-control'
 import { formCustomMixin, props as formCustomProps } from './form-custom'
@@ -99,7 +98,7 @@ export const formRadioCheckGroupMixin = extend({
   render(h) {
     const { isRadioGroup } = this
     const attrs = pick(this.$attrs, PASS_DOWN_ATTRS)
-    const optionComponent = isRadioGroup ? BFormRadio : BFormCheckbox
+    const optionComponent = BFormRadio
 
     const $inputs = this.formOptions.map((option, index) => {
       const key = `BV_option_${index}`

package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js

@@ -1,37 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_FORM_CHECKBOX_GROUP } from '../../constants/components';
-import { PROP_TYPE_ARRAY, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { props as props$1, MODEL_PROP_NAME, formRadioCheckGroupMixin } from '../../mixins/form-radio-check-group';
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...props$1,
-  [MODEL_PROP_NAME]: makeProp(PROP_TYPE_ARRAY, []),
-  // Custom switch styling
-  switches: makeProp(PROP_TYPE_BOOLEAN, false)
-}), NAME_FORM_CHECKBOX_GROUP);
-
-// --- Main component ---
-
-// @vue/component
-const BFormCheckboxGroup = /*#__PURE__*/extend({
-  name: NAME_FORM_CHECKBOX_GROUP,
-  // Includes render function
-  mixins: [formRadioCheckGroupMixin],
-  provide() {
-    return {
-      getBvCheckGroup: () => this
-    };
-  },
-  props,
-  computed: {
-    isRadioGroup() {
-      return false;
-    }
-  }
-});
-
-export { BFormCheckboxGroup, props };