@gitlab/ui 104.0.0 → 104.1.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [104.1.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v104.1.0...v104.1.1) (2024-12-03)
+
+
+### Bug Fixes
+
+* remove unused `title-sr-only` prop in `modal.js` ([d41a24e](https://gitlab.com/gitlab-org/gitlab-ui/commit/d41a24e28c4d72058701bd5aad1758c3da72f3b6))
+
+# [104.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v104.0.0...v104.1.0) (2024-12-03)
+
+
+### Features
+
+* **Tailwind:** add border default design token to shadow utils ([2aae4d3](https://gitlab.com/gitlab-org/gitlab-ui/commit/2aae4d3d0fb0edd8126a6f2c56dc559875a0bba7))
+
 # [104.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v103.7.1...v104.0.0) (2024-11-29)
 
 

package/dist/vendor/bootstrap-vue/src/components/modal/modal.js

@@ -116,7 +116,6 @@ const props = makePropsConfigurable(sortKeys({
   title: makeProp(PROP_TYPE_STRING),
   titleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
   titleHtml: makeProp(PROP_TYPE_STRING),
-  titleSrOnly: makeProp(PROP_TYPE_BOOLEAN, false),
   titleTag: makeProp(PROP_TYPE_STRING, 'h5')
 }), NAME_MODAL);
 
@@ -183,7 +182,7 @@ const BModal = /*#__PURE__*/extend({
       return [{
         fade: !this.noFade,
         show: this.isShow,
-        'd-block': this.isBlock
+        'gl-block': this.isBlock
       }, this.modalClass];
     },
     modalStyles() {
@@ -200,11 +199,6 @@ const BModal = /*#__PURE__*/extend({
         'modal-dialog-scrollable': this.scrollable
       }, this.dialogClass];
     },
-    titleClasses() {
-      return [{
-        'sr-only': this.titleSrOnly
-      }, this.titleClass];
-    },
     modalOuterStyle() {
       // Styles needed for proper stacking of modals
       return {
@@ -689,7 +683,7 @@ const BModal = /*#__PURE__*/extend({
           }
           $modalHeader = [h(this.titleTag, {
             staticClass: 'modal-title',
-            class: this.titleClasses,
+            class: this.titleClass,
             attrs: {
               id: this.modalTitleId
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "104.0.0",
+  "version": "104.1.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/vendor/bootstrap-vue/src/components/modal/README.md

@@ -908,14 +908,13 @@ most cases.
 
 - The `aria-labelledby` attribute will **not** be present if you have the header hidden, or supplied
   your own header, or have not supplied a modal title. It is recommended to supply a title for your
-  modals (when using the built in header). You can visually hide the header title, but still make it
-  available to screen readers by setting the `title-sr-only` prop. If you do not have a header, you
+  modals (when using the built in header). If you do not have a header, you
   can supply a label for the modal by passing a string to the `aria-label` prop.
 - The `aria-describedby` attribute will always point to the modal's body content.
 - If the `aria-label` prop is specified with a string value, the `aria-labelledby` attribute will
   not be rendered, even if you have a title/header for your modal.
 
-The `aria-label` and `title-sr-only` props were added in version `v2.0.0-rc.27`.
+The `aria-label` prop was added in version `v2.0.0-rc.27`.
 
 ### Auto focus on open
 

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

@@ -158,7 +158,6 @@ export const props = makePropsConfigurable(
     title: makeProp(PROP_TYPE_STRING),
     titleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
     titleHtml: makeProp(PROP_TYPE_STRING),
-    titleSrOnly: makeProp(PROP_TYPE_BOOLEAN, false),
     titleTag: makeProp(PROP_TYPE_STRING, 'h5')
   }),
   NAME_MODAL
@@ -229,7 +228,7 @@ export const BModal = /*#__PURE__*/ extend({
         {
           fade: !this.noFade,
           show: this.isShow,
-          'd-block': this.isBlock
+          'gl-block': this.isBlock
         },
         this.modalClass
       ]
@@ -251,9 +250,6 @@ export const BModal = /*#__PURE__*/ extend({
         this.dialogClass
       ]
     },
-    titleClasses() {
-      return [{ 'sr-only': this.titleSrOnly }, this.titleClass]
-    },
     modalOuterStyle() {
       // Styles needed for proper stacking of modals
       return {
@@ -760,7 +756,7 @@ export const BModal = /*#__PURE__*/ extend({
               this.titleTag,
               {
                 staticClass: 'modal-title',
-                class: this.titleClasses,
+                class: this.titleClass,
                 attrs: { id: this.modalTitleId },
                 // TODO: Rename slot to `title` and deprecate `modal-title`
                 domProps: this.hasNormalizedSlot(SLOT_NAME_MODAL_TITLE)

package/src/vendor/bootstrap-vue/src/components/modal/package.json

@@ -182,10 +182,6 @@
             "prop": "size",
             "description": "Set the size of the modal's width. 'sm', 'md' (default), 'lg', or 'xl'"
           },
-          {
-            "prop": "titleSrOnly",
-            "description": "Wraps the title in an '.sr-only' wrapper"
-          },
           {
             "prop": "titleTag",
             "description": "Specify the HTML tag to render instead of the default tag for the title"

package/tailwind.defaults.js

@@ -464,6 +464,8 @@ module.exports = {
       lg: '0 0 2px var(--gl-shadow-color-default, #05050629), 0 0 2px var(--gl-shadow-color-default, #05050629), 0 4px 12px var(--gl-shadow-color-default, #05050629)',
       'inner-1-blue-500': 'inset 0 0 0 1px var(--blue-500, #1f75cb)',
       'inner-1-gray-100': 'inset 0 0 0 1px var(--gray-100, #dcdcde)',
+      'inner-1-border-default':
+        'inset 0 0 0 1px var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde))',
       'inner-1-gray-200': 'inset 0 0 0 1px var(--gray-200, #bfbfc3)',
       'inner-1-gray-400': 'inset 0 0 0 1px var(--gray-400, #89888d)',
       'inner-1-red-300': 'inset 0 0 0 1px var(--red-300, #f57f6c)',
@@ -471,6 +473,8 @@ module.exports = {
       'inner-1-red-500': 'inset 0 0 0 1px var(--red-500, #dd2b0e)',
       'inner-2-blue-400': 'inset 0 0 0 2px var(--blue-400, #428fdc)',
       'inner-b-1-gray-100': 'inset 0 -1px 0 0 var(--gray-100, #dcdcde)',
+      'inner-b-1-border-default':
+        'inset 0 0 0 1px var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde))',
       'inner-b-2-blue-500': 'inset 0 -2px 0 0 var(--blue-500, #1f75cb)',
       'inner-b-2-theme-accent':
         'inset 0 -2px 0 0 var(--gl-theme-accent, var(--theme-indigo-500, #6666c4))',