@jetbrains/ring-ui 7.0.17 → 7.0.18
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import figma from '@figma/code-connect';
|
|
3
|
+
import addIcon from '@jetbrains/icons/add';
|
|
4
|
+
import add12pxIcon from '@jetbrains/icons/add-12px';
|
|
5
|
+
import downloadIcon from '@jetbrains/icons/download';
|
|
6
|
+
import download12pxIcon from '@jetbrains/icons/download-12px';
|
|
7
|
+
import { ControlsHeight } from '../global/controls-height';
|
|
8
|
+
import Button from './button';
|
|
9
|
+
figma.connect(Button, 'https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=9954%3A528', {
|
|
10
|
+
props: {
|
|
11
|
+
height: figma.enum('Size', {
|
|
12
|
+
S: ControlsHeight.S,
|
|
13
|
+
M: ControlsHeight.M,
|
|
14
|
+
L: ControlsHeight.L,
|
|
15
|
+
}),
|
|
16
|
+
children: figma.enum('Type', {
|
|
17
|
+
Label: 'Button',
|
|
18
|
+
'L-Icon-Label': 'Button',
|
|
19
|
+
'R-Icon-Label': 'Button',
|
|
20
|
+
}),
|
|
21
|
+
icon: figma.enum('Type', {
|
|
22
|
+
'L-Icon-Label': figma.enum('Size', {
|
|
23
|
+
S: figma.enum('Variant', {
|
|
24
|
+
Main: download12pxIcon,
|
|
25
|
+
Green: download12pxIcon,
|
|
26
|
+
'Red solid': download12pxIcon,
|
|
27
|
+
Gray: download12pxIcon,
|
|
28
|
+
Outlined: download12pxIcon,
|
|
29
|
+
'Red outlined': download12pxIcon,
|
|
30
|
+
Ghost: download12pxIcon,
|
|
31
|
+
Text: downloadIcon,
|
|
32
|
+
}),
|
|
33
|
+
M: downloadIcon,
|
|
34
|
+
L: downloadIcon,
|
|
35
|
+
}),
|
|
36
|
+
Icon: figma.enum('Size', {
|
|
37
|
+
S: figma.enum('Variant', {
|
|
38
|
+
Main: add12pxIcon,
|
|
39
|
+
Green: add12pxIcon,
|
|
40
|
+
'Red solid': add12pxIcon,
|
|
41
|
+
Gray: add12pxIcon,
|
|
42
|
+
Outlined: add12pxIcon,
|
|
43
|
+
'Red outlined': add12pxIcon,
|
|
44
|
+
Ghost: add12pxIcon,
|
|
45
|
+
Text: addIcon,
|
|
46
|
+
}),
|
|
47
|
+
M: addIcon,
|
|
48
|
+
L: addIcon,
|
|
49
|
+
}),
|
|
50
|
+
}),
|
|
51
|
+
dropdown: figma.enum('Type', { 'R-Icon-Label': true }),
|
|
52
|
+
disabled: figma.enum('State', { Disabled: true }),
|
|
53
|
+
primary: figma.enum('Variant', { Main: true }),
|
|
54
|
+
success: figma.enum('Variant', { Green: true }),
|
|
55
|
+
error: figma.enum('Variant', { 'Red solid': true }),
|
|
56
|
+
secondary: figma.enum('Variant', { Gray: true }),
|
|
57
|
+
danger: figma.enum('Variant', { 'Red outlined': true }),
|
|
58
|
+
ghost: figma.enum('Variant', { Ghost: true }),
|
|
59
|
+
inline: figma.enum('Variant', { Text: true }),
|
|
60
|
+
},
|
|
61
|
+
example: ({ children, ...restProps }) => _jsx(Button, { ...restProps, children: children }),
|
|
62
|
+
imports: [
|
|
63
|
+
'import Button from "@jetbrains/ring-ui/components/button/button"',
|
|
64
|
+
'import {ControlsHeight} from "@jetbrains/ring-ui/components/global/controls-height"',
|
|
65
|
+
'import addIcon from "@jetbrains/icons/add"',
|
|
66
|
+
'import add12pxIcon from "@jetbrains/icons/add-12px"',
|
|
67
|
+
'import downloadIcon from "@jetbrains/icons/download"',
|
|
68
|
+
'import download12pxIcon from "@jetbrains/icons/download-12px"',
|
|
69
|
+
],
|
|
70
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import figma from '@figma/code-connect';
|
|
3
|
+
import chevronDownIcon from '@jetbrains/icons/chevron-down';
|
|
4
|
+
import Button from '../button/button';
|
|
5
|
+
import { ControlsHeight } from '../global/controls-height';
|
|
6
|
+
import ButtonGroup from './button-group';
|
|
7
|
+
figma.connect(ButtonGroup, 'https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=9954%3A528', {
|
|
8
|
+
props: {
|
|
9
|
+
height: figma.enum('Size', {
|
|
10
|
+
S: ControlsHeight.S,
|
|
11
|
+
M: ControlsHeight.M,
|
|
12
|
+
L: ControlsHeight.L,
|
|
13
|
+
}),
|
|
14
|
+
disabled: figma.enum('State', { Disabled: true }),
|
|
15
|
+
primary: figma.enum('Variant', { Main: true }),
|
|
16
|
+
success: figma.enum('Variant', { Green: true }),
|
|
17
|
+
error: figma.enum('Variant', { 'Red solid': true }),
|
|
18
|
+
secondary: figma.enum('Variant', { Gray: true }),
|
|
19
|
+
danger: figma.enum('Variant', { 'Red outlined': true }),
|
|
20
|
+
ghost: figma.enum('Variant', { Ghost: true }),
|
|
21
|
+
inline: figma.enum('Variant', { Text: true }),
|
|
22
|
+
},
|
|
23
|
+
variant: { Type: 'Split' },
|
|
24
|
+
example: props => (_jsxs(ButtonGroup, { children: [_jsx(Button, { ...props, children: 'Button' }), _jsx(Button, { ...props, icon: chevronDownIcon })] })),
|
|
25
|
+
imports: [
|
|
26
|
+
'import Button from "@jetbrains/ring-ui/components/button/button"',
|
|
27
|
+
'import {ControlsHeight} from "@jetbrains/ring-ui/components/global/controls-height"',
|
|
28
|
+
'import chevronDownIcon from "@jetbrains/icons/chevron-down"',
|
|
29
|
+
],
|
|
30
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/ring-ui",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.18",
|
|
4
4
|
"description": "JetBrains UI library",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "JetBrains"
|
|
@@ -50,6 +50,10 @@
|
|
|
50
50
|
"build-stories": "storybook build --quiet -c .storybook -o storybook-dist",
|
|
51
51
|
"chromatic": "npx chromatic --build-script-name build-stories --exit-once-uploaded",
|
|
52
52
|
"chromatic-local": "dotenv -- npm run publish-stories",
|
|
53
|
+
"figma-connect-publish": "npx figma connect publish --token=$FIGMA_CODE_CONNECT_TOKEN",
|
|
54
|
+
"figma-connect-publish-local": "dotenv -- npm run figma-connect-publish",
|
|
55
|
+
"figma-connect-unpublish": "npx figma connect unpublish --token=$FIGMA_CODE_CONNECT_TOKEN",
|
|
56
|
+
"figma-connect-unpublish-local": "dotenv -- npm run figma-connect-unpublish",
|
|
53
57
|
"prebuild": "rimraf components && tsc --project tsconfig-build.json && cpy './**/*' '!**/*.ts' '!**/*.tsx' '!**/__mocks__/**' ../components --parents --cwd=src/",
|
|
54
58
|
"build": "./node_modules/.bin/rollup -c --bundleConfigAsCjs",
|
|
55
59
|
"postbuild": "cpy './**/*.d.ts' ../dist --parents --cwd=components/",
|
|
@@ -89,6 +93,7 @@
|
|
|
89
93
|
"@eslint/compat": "^1.2.4",
|
|
90
94
|
"@eslint/eslintrc": "^3.2.0",
|
|
91
95
|
"@eslint/js": "^9.17.0",
|
|
96
|
+
"@figma/code-connect": "^1.2.4",
|
|
92
97
|
"@jetbrains/eslint-config": "^6.0.4",
|
|
93
98
|
"@jetbrains/logos": "3.0.0-canary.734b213.0",
|
|
94
99
|
"@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
|
|
@@ -103,7 +108,7 @@
|
|
|
103
108
|
"@storybook/addon-essentials": "8.4.7",
|
|
104
109
|
"@storybook/addon-themes": "^8.4.7",
|
|
105
110
|
"@storybook/components": "8.4.7",
|
|
106
|
-
"@storybook/csf": "^0.1.
|
|
111
|
+
"@storybook/csf": "^0.1.13",
|
|
107
112
|
"@storybook/manager-api": "8.4.7",
|
|
108
113
|
"@storybook/preview-api": "8.4.7",
|
|
109
114
|
"@storybook/react": "8.4.7",
|
|
@@ -126,7 +131,7 @@
|
|
|
126
131
|
"@types/sinon-chai": "^4.0.0",
|
|
127
132
|
"@types/webpack-env": "^1.18.5",
|
|
128
133
|
"@vitejs/plugin-react": "^4.3.4",
|
|
129
|
-
"@vitest/eslint-plugin": "^1.1.
|
|
134
|
+
"@vitest/eslint-plugin": "^1.1.22",
|
|
130
135
|
"@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
|
|
131
136
|
"acorn": "^8.14.0",
|
|
132
137
|
"axe-playwright": "^2.0.3",
|
|
@@ -140,7 +145,7 @@
|
|
|
140
145
|
"chromatic": "^11.20.2",
|
|
141
146
|
"core-js": "^3.39.0",
|
|
142
147
|
"cpy-cli": "^5.0.0",
|
|
143
|
-
"dotenv-cli": "^
|
|
148
|
+
"dotenv-cli": "^8.0.0",
|
|
144
149
|
"enzyme": "^3.11.0",
|
|
145
150
|
"eslint": "^9.17.0",
|
|
146
151
|
"eslint-config-prettier": "^9.1.0",
|
|
@@ -149,7 +154,7 @@
|
|
|
149
154
|
"eslint-plugin-import": "^2.31.0",
|
|
150
155
|
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
151
156
|
"eslint-plugin-prettier": "^5.2.1",
|
|
152
|
-
"eslint-plugin-react": "^7.37.
|
|
157
|
+
"eslint-plugin-react": "^7.37.3",
|
|
153
158
|
"eslint-plugin-react-hooks": "^5.1.0",
|
|
154
159
|
"eslint-plugin-storybook": "^0.11.1",
|
|
155
160
|
"events": "^3.3.0",
|
|
@@ -162,7 +167,7 @@
|
|
|
162
167
|
"jest": "~29.7.0",
|
|
163
168
|
"jest-environment-jsdom": "^29.7.0",
|
|
164
169
|
"jest-teamcity": "^1.12.0",
|
|
165
|
-
"lint-staged": "^15.
|
|
170
|
+
"lint-staged": "^15.3.0",
|
|
166
171
|
"markdown-it": "^14.1.0",
|
|
167
172
|
"merge-options": "^3.0.4",
|
|
168
173
|
"pinst": "^3.0.0",
|
|
@@ -173,7 +178,7 @@
|
|
|
173
178
|
"react-test-renderer": "^19.0.0",
|
|
174
179
|
"regenerator-runtime": "^0.14.1",
|
|
175
180
|
"rimraf": "^6.0.1",
|
|
176
|
-
"rollup": "^4.
|
|
181
|
+
"rollup": "^4.29.1",
|
|
177
182
|
"rollup-plugin-clear": "^2.0.7",
|
|
178
183
|
"sinon": "^19.0.2",
|
|
179
184
|
"sinon-chai": "^4.0.0",
|
|
@@ -184,12 +189,12 @@
|
|
|
184
189
|
"teamcity-service-messages": "^0.1.14",
|
|
185
190
|
"terser-webpack-plugin": "^5.3.11",
|
|
186
191
|
"typescript": "~5.7.2",
|
|
187
|
-
"typescript-eslint": "^8.
|
|
192
|
+
"typescript-eslint": "^8.19.0",
|
|
188
193
|
"vitest": "^2.1.8",
|
|
189
194
|
"vitest-teamcity-reporter": "^0.3.1",
|
|
190
195
|
"wallaby-webpack": "^3.9.16",
|
|
191
196
|
"webpack": "^5.97.1",
|
|
192
|
-
"webpack-cli": "^6.0.
|
|
197
|
+
"webpack-cli": "^6.0.1",
|
|
193
198
|
"xmlappend": "^1.0.4"
|
|
194
199
|
},
|
|
195
200
|
"peerDependencies": {
|
|
@@ -245,8 +250,8 @@
|
|
|
245
250
|
"postcss-font-family-system-ui": "^5.0.0",
|
|
246
251
|
"postcss-loader": "^8.1.1",
|
|
247
252
|
"postcss-modules-values-replace": "^4.2.0",
|
|
248
|
-
"postcss-preset-env": "^10.1.
|
|
249
|
-
"react-movable": "^3.
|
|
253
|
+
"postcss-preset-env": "^10.1.3",
|
|
254
|
+
"react-movable": "^3.4.0",
|
|
250
255
|
"react-virtualized": "^9.22.5",
|
|
251
256
|
"react-waypoint": "^10.3.0",
|
|
252
257
|
"scrollbar-width": "^3.1.1",
|