@gitlab/ui 74.7.0 → 74.7.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 (10) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/tokens/css/tokens.css +1 -1
  3. package/dist/tokens/css/tokens.dark.css +1 -1
  4. package/dist/tokens/js/tokens.dark.js +1 -1
  5. package/dist/tokens/js/tokens.js +1 -1
  6. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  7. package/dist/tokens/scss/_tokens.scss +1 -1
  8. package/package.json +15 -15
  9. package/src/components/base/tabs/tabs/tabs.stories.js +1 -41
  10. package/tailwind.defaults.js +35 -33
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [74.7.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v74.7.0...v74.7.1) (2024-02-19)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * run prettier ([0e78123](https://gitlab.com/gitlab-org/gitlab-ui/commit/0e7812316d2b0e1c7da14f61980e01040023985e))
7
+
1
8
  # [74.7.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v74.6.0...v74.7.0) (2024-02-15)
2
9
 
3
10
 
package/dist/tokens/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Feb 2024 11:59:20 GMT
3
+ * Generated on Mon, 19 Feb 2024 09:26:33 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 Thu, 15 Feb 2024 11:59:20 GMT
3
+ * Generated on Mon, 19 Feb 2024 09:26:33 GMT
4
4
  */
5
5
 
6
6
  :root.gl-dark {
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Feb 2024 11:59:20 GMT
3
+ * Generated on Mon, 19 Feb 2024 09:26:33 GMT
4
4
  */
5
5
 
6
6
  export const DATA_VIZ_GREEN_50 = "#133a03";
package/dist/tokens/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Feb 2024 11:59:20 GMT
3
+ * Generated on Mon, 19 Feb 2024 09:26:33 GMT
4
4
  */
5
5
 
6
6
  export const DATA_VIZ_GREEN_50 = "#ddfab7";
package/dist/tokens/scss/_tokens.dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 15 Feb 2024 11:59:20 GMT
3
+ // Generated on Mon, 19 Feb 2024 09:26:33 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 Thu, 15 Feb 2024 11:59:20 GMT
3
+ // Generated on Mon, 19 Feb 2024 09:26:33 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": "74.7.0",
3
+ "version": "74.7.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -25,7 +25,7 @@
25
25
  "prebuild": "run-s build-tokens generate-utilities",
26
26
  "prepare": "run-s build-tokens generate-utilities",
27
27
  "generate-utilities": "make src/scss/utilities.scss",
28
- "deprecate-gl-utils": "./bin/deprecate_utils.js",
28
+ "deprecate-gl-utils": "node ./bin/deprecate_utils.js",
29
29
  "copy-fonts": "make copy-fonts",
30
30
  "build-tokens": "node ./bin/build_tokens.js",
31
31
  "clean": "rm -r dist storybook src/scss/utilities.scss",
@@ -106,19 +106,19 @@
106
106
  "@rollup/plugin-commonjs": "^11.1.0",
107
107
  "@rollup/plugin-node-resolve": "^7.1.3",
108
108
  "@rollup/plugin-replace": "^2.3.2",
109
- "@storybook/addon-a11y": "7.6.14",
110
- "@storybook/addon-docs": "7.6.14",
111
- "@storybook/addon-essentials": "7.6.14",
112
- "@storybook/addon-interactions": "7.6.14",
113
- "@storybook/addon-viewport": "7.6.14",
114
- "@storybook/builder-webpack5": "7.6.14",
115
- "@storybook/test": "7.6.14",
109
+ "@storybook/addon-a11y": "^7.6.14",
110
+ "@storybook/addon-docs": "^7.6.14",
111
+ "@storybook/addon-essentials": "^7.6.14",
112
+ "@storybook/addon-interactions": "^7.6.14",
113
+ "@storybook/addon-viewport": "^7.6.14",
114
+ "@storybook/builder-webpack5": "^7.6.14",
115
+ "@storybook/test": "^7.6.14",
116
116
  "@storybook/test-runner": "0.16.0",
117
- "@storybook/theming": "7.6.14",
118
- "@storybook/vue": "7.6.14",
119
- "@storybook/vue-webpack5": "7.6.14",
120
- "@storybook/vue3": "7.6.14",
121
- "@storybook/vue3-webpack5": "7.6.14",
117
+ "@storybook/theming": "^7.6.14",
118
+ "@storybook/vue": "^7.6.14",
119
+ "@storybook/vue-webpack5": "^7.6.14",
120
+ "@storybook/vue3": "^7.6.14",
121
+ "@storybook/vue3-webpack5": "^7.6.14",
122
122
  "@types/jest-image-snapshot": "^6.4.0",
123
123
  "@vue/compat": "^3.2.40",
124
124
  "@vue/compiler-sfc": "^3.2.40",
@@ -170,7 +170,7 @@
170
170
  "sass-loader": "^10.2.0",
171
171
  "sass-true": "^6.1.0",
172
172
  "start-server-and-test": "^1.10.6",
173
- "storybook": "7.6.14",
173
+ "storybook": "^7.6.14",
174
174
  "storybook-dark-mode": "3.0.3",
175
175
  "style-dictionary": "^3.8.0",
176
176
  "stylelint": "15.10.2",
package/src/components/base/tabs/tabs/tabs.stories.js CHANGED
@@ -11,24 +11,13 @@ const components = {
11
11
  GlTab,
12
12
  };
13
13
 
14
- const generateProps = ({
14
+ const generateProps = ({ justified } = {}) => ({
15
15
  justified,
16
- actionPrimary = null,
17
- actionSecondary = null,
18
- actionTertiary = null,
19
- } = {}) => ({
20
- justified,
21
- actionPrimary,
22
- actionSecondary,
23
- actionTertiary,
24
16
  });
25
17
 
26
18
  const wrap = (template) => `
27
19
  <gl-tabs
28
20
  :justified="justified"
29
- :action-primary="actionPrimary"
30
- :action-secondary="actionSecondary"
31
- :action-tertiary="actionTertiary"
32
21
  >
33
22
  ${template}
34
23
  </gl-tabs>
@@ -170,35 +159,6 @@ export const WithCounterBadges = (_args, { argTypes }) => ({
170
159
  badgeVariantOptions,
171
160
  });
172
161
 
173
- export const WithActions = (_args, { argTypes }) => ({
174
- props: Object.keys(argTypes),
175
- components,
176
- template: wrap(`
177
- <gl-tab title="Tab 1">
178
- Tab panel 1
179
- </gl-tab>`),
180
- });
181
- WithActions.args = generateProps({
182
- actionPrimary: {
183
- attributes: {
184
- variant: 'danger',
185
- },
186
- text: 'Primary action',
187
- },
188
- actionSecondary: {
189
- attributes: {
190
- variant: 'success',
191
- },
192
- text: 'Secondary action',
193
- },
194
- actionTertiary: {
195
- attributes: {
196
- variant: 'default',
197
- },
198
- text: 'Tertiary action',
199
- },
200
- });
201
-
202
162
  export const WithScroll = (_args, { argTypes }) => ({
203
163
  props: Object.keys(argTypes),
204
164
  components: {
package/tailwind.defaults.js CHANGED
@@ -19,39 +19,41 @@ const themeColors = Object.entries(themeColorTokens.theme).reduce((acc, [color,
19
19
  }, {});
20
20
 
21
21
  const gridSize = 0.5; // rem
22
- const spacing = Object.fromEntries(
23
- Object.entries({
24
- 0: 0,
25
- 1: 0.25,
26
- 2: 0.5,
27
- 3: 1,
28
- 4: 1.5,
29
- 5: 2,
30
- 6: 3,
31
- 7: 4,
32
- 8: 5,
33
- 9: 6,
34
- 10: 7,
35
- 11: 8,
36
- '11-5': 9,
37
- 12: 10,
38
- 13: 12,
39
- 15: 15,
40
- 20: 20,
41
- 26: 26,
42
- 28: 28,
43
- 30: 30,
44
- 31: 31,
45
- 34: 34,
46
- 48: 48,
47
- 62: 62,
48
- 75: 75,
49
- 80: 80,
50
- 88: 88,
51
- }).map(([scale, factor]) => {
52
- return [scale, `${factor * gridSize}rem`];
53
- })
54
- );
22
+ const spacing = {
23
+ 0: '0',
24
+ ...Object.fromEntries(
25
+ Object.entries({
26
+ 1: 0.25,
27
+ 2: 0.5,
28
+ 3: 1,
29
+ 4: 1.5,
30
+ 5: 2,
31
+ 6: 3,
32
+ 7: 4,
33
+ 8: 5,
34
+ 9: 6,
35
+ 10: 7,
36
+ 11: 8,
37
+ '11-5': 9,
38
+ 12: 10,
39
+ 13: 12,
40
+ 15: 15,
41
+ 20: 20,
42
+ 26: 26,
43
+ 28: 28,
44
+ 30: 30,
45
+ 31: 31,
46
+ 34: 34,
47
+ 48: 48,
48
+ 62: 62,
49
+ 75: 75,
50
+ 80: 80,
51
+ 88: 88,
52
+ }).map(([scale, factor]) => {
53
+ return [scale, `${factor * gridSize}rem`];
54
+ })
55
+ ),
56
+ };
55
57
 
56
58
  /** @type {import('tailwindcss').Config} */
57
59
  module.exports = {