@gitlab/ui 66.23.0 → 66.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js +2 -2
  3. package/dist/components/base/new_dropdowns/listbox/listbox.js +1 -1
  4. package/dist/tokens/css/tokens.css +1 -1
  5. package/dist/tokens/css/tokens.dark.css +1 -1
  6. package/dist/tokens/js/tokens.dark.js +1 -1
  7. package/dist/tokens/js/tokens.js +1 -1
  8. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  9. package/dist/tokens/scss/_tokens.scss +1 -1
  10. package/package.json +2 -2
  11. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.vue +2 -2
  12. package/src/components/base/new_dropdowns/listbox/listbox.stories.js +1 -1
  13. package/src/components/base/new_dropdowns/listbox/listbox.vue +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [66.23.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v66.23.0...v66.23.1) (2023-10-04)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **GlCollapsibleListbox, GlDisclosureDropdown:** Update group border color ([6dc4bf2](https://gitlab.com/gitlab-org/gitlab-ui/commit/6dc4bf25af9fcd85f7de70f3919e5152b0979de0))
7
+
1
8
  # [66.23.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v66.22.0...v66.23.0) (2023-10-03)
2
9
 
3
10
 
package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js CHANGED
@@ -5,8 +5,8 @@ import { DISCLOSURE_DROPDOWN_GROUP_BORDER_POSITIONS, DISCLOSURE_DROPDOWN_GROUP_N
5
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
6
6
 
7
7
  const BORDER_CLASSES = {
8
- [DISCLOSURE_DROPDOWN_GROUP_BORDER_POSITIONS.top]: 'gl-border-t gl-pt-2 gl-mt-2',
9
- [DISCLOSURE_DROPDOWN_GROUP_BORDER_POSITIONS.bottom]: 'gl-border-b gl-pb-2 gl-mb-2'
8
+ [DISCLOSURE_DROPDOWN_GROUP_BORDER_POSITIONS.top]: 'gl-border-t gl-border-t-gray-200 gl-pt-2 gl-mt-2',
9
+ [DISCLOSURE_DROPDOWN_GROUP_BORDER_POSITIONS.bottom]: 'gl-border-b gl-border-b-gray-200 gl-pb-2 gl-mb-2'
10
10
  };
11
11
  var script = {
12
12
  name: DISCLOSURE_DROPDOWN_GROUP_NAME,
package/dist/components/base/new_dropdowns/listbox/listbox.js CHANGED
@@ -18,7 +18,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
18
18
  //
19
19
  const ITEM_SELECTOR = '[role="option"]';
20
20
  const HEADER_ITEMS_BORDER_CLASSES = ['gl-border-b-1', 'gl-border-b-solid', 'gl-border-b-gray-200'];
21
- const GROUP_TOP_BORDER_CLASSES = ['gl-border-t', 'gl-pt-1', 'gl-mt-2'];
21
+ const GROUP_TOP_BORDER_CLASSES = ['gl-border-t', 'gl-border-t-gray-200', 'gl-pt-1', 'gl-mt-2'];
22
22
  const SEARCH_INPUT_SELECTOR = '.gl-listbox-search-input';
23
23
  var script = {
24
24
  name: 'GlCollapsibleListbox',
package/dist/tokens/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 03 Oct 2023 12:19:27 GMT
3
+ * Generated on Wed, 04 Oct 2023 09:48:50 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 03 Oct 2023 12:19:27 GMT
3
+ * Generated on Wed, 04 Oct 2023 09:48:50 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 03 Oct 2023 12:19:27 GMT
3
+ * Generated on Wed, 04 Oct 2023 09:48:50 GMT
4
4
  */
5
5
 
6
6
  export const BLACK = "#fff";
package/dist/tokens/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 03 Oct 2023 12:19:27 GMT
3
+ * Generated on Wed, 04 Oct 2023 09:48:50 GMT
4
4
  */
5
5
 
6
6
  export const BLACK = "#000";
package/dist/tokens/scss/_tokens.dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 03 Oct 2023 12:19:27 GMT
3
+ // Generated on Wed, 04 Oct 2023 09:48:50 GMT
4
4
 
5
5
  $red-950: #fff4f3;
6
6
  $red-900: #fcf1ef;
package/dist/tokens/scss/_tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 03 Oct 2023 12:19:27 GMT
3
+ // Generated on Wed, 04 Oct 2023 09:48:50 GMT
4
4
 
5
5
  $gl-line-height-52: 3.25rem;
6
6
  $gl-line-height-44: 2.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "66.23.0",
3
+ "version": "66.23.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -94,7 +94,7 @@
94
94
  "@gitlab/eslint-plugin": "19.0.0",
95
95
  "@gitlab/fonts": "^1.2.0",
96
96
  "@gitlab/stylelint-config": "5.0.0",
97
- "@gitlab/svgs": "3.63.0",
97
+ "@gitlab/svgs": "3.65.0",
98
98
  "@rollup/plugin-commonjs": "^11.1.0",
99
99
  "@rollup/plugin-node-resolve": "^7.1.3",
100
100
  "@rollup/plugin-replace": "^2.3.2",
package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.vue CHANGED
@@ -8,8 +8,8 @@ import {
8
8
  } from './constants';
9
9
 
10
10
  export const BORDER_CLASSES = {
11
- [borderPositions.top]: 'gl-border-t gl-pt-2 gl-mt-2',
12
- [borderPositions.bottom]: 'gl-border-b gl-pb-2 gl-mb-2',
11
+ [borderPositions.top]: 'gl-border-t gl-border-t-gray-200 gl-pt-2 gl-mt-2',
12
+ [borderPositions.bottom]: 'gl-border-b gl-border-b-gray-200 gl-pb-2 gl-mb-2',
13
13
  };
14
14
 
15
15
  export default {
package/src/components/base/new_dropdowns/listbox/listbox.stories.js CHANGED
@@ -199,7 +199,7 @@ export const HeaderAndFooter = (args, { argTypes }) => ({
199
199
  template: template(
200
200
  `
201
201
  <template #footer>
202
- <div class="gl-border-t-solid gl-border-t-1 gl-border-t-gray-100 gl-display-flex gl-flex-direction-column gl-p-2! gl-pt-0!">
202
+ <div class="gl-border-t-solid gl-border-t-1 gl-border-t-gray-200 gl-display-flex gl-flex-direction-column gl-p-2! gl-pt-0!">
203
203
  <gl-button @click="selectAllItems" category="tertiary" block class="gl-justify-content-start! gl-mt-2!">
204
204
  Select all
205
205
  </gl-button>
package/src/components/base/new_dropdowns/listbox/listbox.vue CHANGED
@@ -33,7 +33,7 @@ import { isOption, itemsValidator, flattenedOptions } from './utils';
33
33
 
34
34
  export const ITEM_SELECTOR = '[role="option"]';
35
35
  const HEADER_ITEMS_BORDER_CLASSES = ['gl-border-b-1', 'gl-border-b-solid', 'gl-border-b-gray-200'];
36
- const GROUP_TOP_BORDER_CLASSES = ['gl-border-t', 'gl-pt-1', 'gl-mt-2'];
36
+ const GROUP_TOP_BORDER_CLASSES = ['gl-border-t', 'gl-border-t-gray-200', 'gl-pt-1', 'gl-mt-2'];
37
37
  export const SEARCH_INPUT_SELECTOR = '.gl-listbox-search-input';
38
38
 
39
39
  export default {