@gitlab/ui 94.6.0 → 94.7.0

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 (96) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/components/base/breadcrumb/breadcrumb.js +2 -1
  3. package/dist/components/base/dropdown/dropdown.js +1 -1
  4. package/dist/components/base/dropdown/dropdown_item.js +1 -1
  5. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js +3 -3
  6. package/dist/components/base/new_dropdowns/listbox/listbox.js +4 -4
  7. package/dist/components/base/new_dropdowns/listbox/listbox_group.js +1 -1
  8. package/dist/index.css +2 -2
  9. package/dist/index.css.map +1 -1
  10. package/dist/tailwind.css +1 -1
  11. package/dist/tailwind.css.map +1 -1
  12. package/dist/tokens/build/js/tokens.dark.js +20 -1
  13. package/dist/tokens/build/js/tokens.js +20 -1
  14. package/dist/tokens/css/tokens.css +19 -0
  15. package/dist/tokens/css/tokens.dark.css +19 -0
  16. package/dist/tokens/js/tokens.dark.js +19 -0
  17. package/dist/tokens/js/tokens.js +19 -0
  18. package/dist/tokens/json/tokens.dark.json +457 -0
  19. package/dist/tokens/json/tokens.json +457 -0
  20. package/dist/tokens/scss/_tokens.dark.scss +19 -0
  21. package/dist/tokens/scss/_tokens.scss +19 -0
  22. package/dist/tokens/scss/_tokens_custom_properties.scss +19 -0
  23. package/dist/tokens/tailwind/tokens.cjs +2 -0
  24. package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -4
  25. package/dist/vendor/bootstrap-vue/src/constants/regex.js +1 -6
  26. package/dist/vendor/bootstrap-vue/src/index.js +0 -4
  27. package/dist/vendor/bootstrap-vue/src/utils/string.js +2 -8
  28. package/package.json +1 -1
  29. package/src/components/base/breadcrumb/breadcrumb.vue +2 -1
  30. package/src/components/base/dropdown/dropdown.scss +6 -9
  31. package/src/components/base/dropdown/dropdown.vue +1 -1
  32. package/src/components/base/dropdown/dropdown_divider.scss +1 -1
  33. package/src/components/base/dropdown/dropdown_item.scss +8 -12
  34. package/src/components/base/dropdown/dropdown_item.vue +1 -1
  35. package/src/components/base/dropdown/dropdown_section_header.scss +1 -1
  36. package/src/components/base/filtered_search/filtered_search_suggestion.scss +2 -2
  37. package/src/components/base/filtered_search/filtered_search_suggestion_list.scss +2 -1
  38. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.scss +1 -1
  39. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.vue +3 -3
  40. package/src/components/base/new_dropdowns/dropdown.scss +5 -5
  41. package/src/components/base/new_dropdowns/dropdown_item.scss +29 -12
  42. package/src/components/base/new_dropdowns/listbox/listbox.scss +2 -2
  43. package/src/components/base/new_dropdowns/listbox/listbox.vue +5 -5
  44. package/src/components/base/new_dropdowns/listbox/listbox_group.vue +1 -1
  45. package/src/tokens/build/css/tokens.css +19 -0
  46. package/src/tokens/build/css/tokens.dark.css +19 -0
  47. package/src/tokens/build/js/tokens.dark.js +19 -0
  48. package/src/tokens/build/js/tokens.js +19 -0
  49. package/src/tokens/build/json/tokens.dark.json +457 -0
  50. package/src/tokens/build/json/tokens.json +457 -0
  51. package/src/tokens/build/scss/_tokens.dark.scss +19 -0
  52. package/src/tokens/build/scss/_tokens.scss +19 -0
  53. package/src/tokens/build/scss/_tokens_custom_properties.scss +19 -0
  54. package/src/tokens/build/tailwind/tokens.cjs +2 -0
  55. package/src/tokens/contextual/dropdown.tokens.json +148 -0
  56. package/src/vendor/bootstrap-vue/nuxt/index.js +1 -13
  57. package/src/vendor/bootstrap-vue/nuxt/plugin.template.js +0 -6
  58. package/src/vendor/bootstrap-vue/package.json +1 -4
  59. package/src/vendor/bootstrap-vue/src/_variables.scss +0 -14
  60. package/src/vendor/bootstrap-vue/src/components/breadcrumb/README.md +0 -1
  61. package/src/vendor/bootstrap-vue/src/components/input-group/README.md +1 -1
  62. package/src/vendor/bootstrap-vue/src/components/navbar/README.md +1 -2
  63. package/src/vendor/bootstrap-vue/src/constants/components.js +0 -3
  64. package/src/vendor/bootstrap-vue/src/constants/regex.js +0 -5
  65. package/src/vendor/bootstrap-vue/src/index.d.ts +0 -3
  66. package/src/vendor/bootstrap-vue/src/index.js +0 -9
  67. package/src/vendor/bootstrap-vue/src/index.scss +0 -3
  68. package/src/vendor/bootstrap-vue/src/utils/string.js +1 -8
  69. package/src/vendor/bootstrap-vue/src/utils/string.spec.js +1 -11
  70. package/dist/vendor/bootstrap-vue/src/browser-icons.js +0 -8
  71. package/dist/vendor/bootstrap-vue/src/icons/helpers/icon-base.js +0 -139
  72. package/dist/vendor/bootstrap-vue/src/icons/helpers/make-icon.js +0 -56
  73. package/dist/vendor/bootstrap-vue/src/icons/icon.js +0 -56
  74. package/dist/vendor/bootstrap-vue/src/icons/icons.js +0 -1377
  75. package/dist/vendor/bootstrap-vue/src/icons/iconstack.js +0 -31
  76. package/dist/vendor/bootstrap-vue/src/icons/index.js +0 -4
  77. package/dist/vendor/bootstrap-vue/src/icons/plugin.js +0 -1410
  78. package/dist/vendor/bootstrap-vue/src/icons-only.js +0 -10
  79. package/src/vendor/bootstrap-vue/src/browser-icons.js +0 -9
  80. package/src/vendor/bootstrap-vue/src/icons/README.md +0 -874
  81. package/src/vendor/bootstrap-vue/src/icons/_icons.scss +0 -156
  82. package/src/vendor/bootstrap-vue/src/icons/helpers/icon-base.js +0 -134
  83. package/src/vendor/bootstrap-vue/src/icons/helpers/make-icon.js +0 -48
  84. package/src/vendor/bootstrap-vue/src/icons/icon.js +0 -54
  85. package/src/vendor/bootstrap-vue/src/icons/icons.d.ts +0 -2757
  86. package/src/vendor/bootstrap-vue/src/icons/icons.js +0 -8241
  87. package/src/vendor/bootstrap-vue/src/icons/icons.spec.js +0 -522
  88. package/src/vendor/bootstrap-vue/src/icons/iconstack.js +0 -31
  89. package/src/vendor/bootstrap-vue/src/icons/iconstack.spec.js +0 -161
  90. package/src/vendor/bootstrap-vue/src/icons/index.d.ts +0 -18
  91. package/src/vendor/bootstrap-vue/src/icons/index.js +0 -16
  92. package/src/vendor/bootstrap-vue/src/icons/index.scss +0 -1
  93. package/src/vendor/bootstrap-vue/src/icons/package.json +0 -72782
  94. package/src/vendor/bootstrap-vue/src/icons/plugin.js +0 -4159
  95. package/src/vendor/bootstrap-vue/src/icons-only.js +0 -33
  96. package/src/vendor/bootstrap-vue/src/icons.scss +0 -8
@@ -1,161 +0,0 @@
1
- import { mount } from '@vue/test-utils'
2
- import { BIconstack } from './iconstack'
3
-
4
- describe('icons > b-iconstack', () => {
5
- it('has expected default structure', async () => {
6
- const wrapper = mount(BIconstack)
7
-
8
- expect(wrapper.exists()).toBe(true)
9
- expect(wrapper.element.tagName).toBe('svg')
10
- expect(wrapper.classes()).toContain('b-icon')
11
- expect(wrapper.classes()).toContain('b-iconstack')
12
- expect(wrapper.classes()).toContain('bi')
13
- expect(wrapper.classes().length).toBe(3)
14
- expect(wrapper.attributes('role')).toBe('img')
15
- expect(wrapper.attributes('aria-label')).toBe('icon')
16
- expect(wrapper.attributes('focusable')).toBe('false')
17
- expect(wrapper.attributes('xmlns')).toBe('http://www.w3.org/2000/svg')
18
- expect(wrapper.attributes('width')).toBe('1em')
19
- expect(wrapper.attributes('height')).toBe('1em')
20
- expect(wrapper.attributes('viewBox')).toBe('0 0 16 16')
21
- expect(wrapper.attributes('fill')).toBe('currentColor')
22
- expect(wrapper.attributes('style')).toBeUndefined()
23
- expect(wrapper.element.style.fontSize).toEqual('')
24
- expect(wrapper.find('svg > g').exists()).toBe(true)
25
- expect(wrapper.find('svg > g').attributes('transform')).toBeUndefined()
26
- expect(wrapper.find('svg > g > g').exists()).toBe(false)
27
-
28
- wrapper.destroy()
29
- })
30
-
31
- it('b-iconstack variant works', async () => {
32
- const wrapper = mount(BIconstack, {
33
- propsData: {
34
- variant: 'danger'
35
- }
36
- })
37
-
38
- expect(wrapper.exists()).toBe(true)
39
- expect(wrapper.element.tagName).toBe('svg')
40
- expect(wrapper.classes()).toContain('b-icon')
41
- expect(wrapper.classes()).toContain('b-iconstack')
42
- expect(wrapper.classes()).toContain('bi')
43
- expect(wrapper.classes()).toContain('text-danger')
44
- expect(wrapper.classes().length).toBe(4)
45
- expect(wrapper.attributes('role')).toBe('img')
46
- expect(wrapper.attributes('aria-label')).toBe('icon')
47
- expect(wrapper.attributes('focusable')).toBe('false')
48
- expect(wrapper.find('svg > g').exists()).toBe(true)
49
- expect(wrapper.find('svg > g').attributes('transform')).toBeUndefined()
50
-
51
- wrapper.destroy()
52
- })
53
-
54
- it('b-iconstack font-scale prop works', async () => {
55
- const wrapper = mount(BIconstack, {
56
- propsData: {
57
- fontScale: '1.25'
58
- }
59
- })
60
-
61
- expect(wrapper.exists()).toBe(true)
62
- expect(wrapper.element.tagName).toBe('svg')
63
- expect(wrapper.classes()).toContain('b-icon')
64
- expect(wrapper.classes()).toContain('b-iconstack')
65
- expect(wrapper.classes()).toContain('bi')
66
- expect(wrapper.classes().length).toBe(3)
67
- expect(wrapper.attributes('role')).toBe('img')
68
- expect(wrapper.attributes('aria-label')).toBe('icon')
69
- expect(wrapper.attributes('focusable')).toBe('false')
70
- expect(wrapper.attributes('style')).toBeDefined()
71
- expect(wrapper.element.style.fontSize).toEqual('125%')
72
- expect(wrapper.find('svg > g').exists()).toBe(true)
73
- expect(wrapper.find('svg > g').attributes('transform')).toBeUndefined()
74
-
75
- wrapper.destroy()
76
- })
77
-
78
- it('b-icons rotate prop works', async () => {
79
- const wrapper = mount(BIconstack, {
80
- propsData: {
81
- rotate: '45'
82
- }
83
- })
84
-
85
- expect(wrapper.exists()).toBe(true)
86
- expect(wrapper.element.tagName).toBe('svg')
87
- expect(wrapper.classes()).toContain('b-icon')
88
- expect(wrapper.classes()).toContain('b-iconstack')
89
- expect(wrapper.classes()).toContain('bi')
90
- expect(wrapper.classes().length).toBe(3)
91
- expect(wrapper.find('svg > g').exists()).toBe(true)
92
- expect(wrapper.find('svg > g').attributes('transform')).toBeDefined()
93
- expect(wrapper.find('svg > g').attributes('transform')).toEqual(
94
- 'translate(8 8) rotate(45) translate(-8 -8)'
95
- )
96
-
97
- wrapper.destroy()
98
- })
99
-
100
- it('b-iconstack scale prop works', async () => {
101
- const wrapper = mount(BIconstack, {
102
- propsData: {
103
- scale: '1.5'
104
- }
105
- })
106
-
107
- expect(wrapper.exists()).toBe(true)
108
- expect(wrapper.element.tagName).toBe('svg')
109
- expect(wrapper.classes()).toContain('b-icon')
110
- expect(wrapper.classes()).toContain('b-iconstack')
111
- expect(wrapper.classes()).toContain('bi')
112
- expect(wrapper.classes().length).toBe(3)
113
- expect(wrapper.find('svg > g').exists()).toBe(true)
114
- expect(wrapper.find('svg > g').attributes('transform')).toBeDefined()
115
- expect(wrapper.find('svg > g').attributes('transform')).toEqual(
116
- 'translate(8 8) scale(1.5 1.5) translate(-8 -8)'
117
- )
118
-
119
- wrapper.destroy()
120
- })
121
-
122
- it('b-iconstack title prop works', async () => {
123
- const wrapper = mount(BIconstack, {
124
- propsData: {
125
- icon: 'circle-fill',
126
- title: 'Circle'
127
- }
128
- })
129
-
130
- expect(wrapper.exists()).toBe(true)
131
- expect(wrapper.element.tagName).toBe('svg')
132
- expect(wrapper.classes()).toContain('b-icon')
133
- expect(wrapper.classes()).toContain('b-iconstack')
134
- expect(wrapper.classes()).toContain('bi')
135
-
136
- const $title = wrapper.find('title')
137
- expect($title.exists()).toBe(true)
138
- expect($title.text()).toBe('Circle')
139
-
140
- wrapper.destroy()
141
- })
142
-
143
- it('b-iconstack <title> should not render when title is undefined', async () => {
144
- const wrapper = mount(BIconstack, {
145
- propsData: {
146
- icon: 'circle-fill'
147
- }
148
- })
149
-
150
- expect(wrapper.exists()).toBe(true)
151
- expect(wrapper.element.tagName).toBe('svg')
152
- expect(wrapper.classes()).toContain('b-icon')
153
- expect(wrapper.classes()).toContain('b-iconstack')
154
- expect(wrapper.classes()).toContain('bi')
155
-
156
- const $title = wrapper.find('title')
157
- expect($title.exists()).toBe(false)
158
-
159
- wrapper.destroy()
160
- })
161
- })
@@ -1,18 +0,0 @@
1
- //
2
- // Icons
3
- //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../'
6
-
7
- // Plugin
8
- export declare const IconsPlugin: BvPlugin
9
- export declare const BootstrapVueIcons: BvPlugin
10
-
11
- // Component: b-icon
12
- export declare class BIcon extends BvComponent {}
13
-
14
- // Component: b-iconstack
15
- export declare class BIconstack extends BvComponent {}
16
-
17
- // Components: b-icon-{icon-name}
18
- export * from './icons'
@@ -1,16 +0,0 @@
1
- // Icons Plugin
2
-
3
- // These re-exports are not currently used, as Webpack 4 has
4
- // issues with tree shaking re-exports of re-exports
5
- // `/src/index.js` does a single level re-export `* from './icons/icons/icons'`
6
- // Export all icons
7
- export * from './icons'
8
-
9
- // Export helper component
10
- export { BIcon } from './icon'
11
-
12
- // Export stacking component
13
- export { BIconstack } from './iconstack'
14
-
15
- // Plugin (an iconNames for docs)
16
- export { IconsPlugin, BootstrapVueIcons, iconNames } from './plugin'
@@ -1 +0,0 @@
1
- @import "icons";