@jetbrains/ring-ui 5.0.16 → 5.0.17
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.
|
@@ -36,7 +36,7 @@ export const basic = () => {
|
|
|
36
36
|
<div class="ring-form__group">
|
|
37
37
|
<label for="ring-form-2" class="ring-form__label">Medium Input</label>
|
|
38
38
|
<div class="ring-form__control">
|
|
39
|
-
<input class="ring-input ring-input-
|
|
39
|
+
<input class="ring-input ring-input-size_m" id="ring-form-2"
|
|
40
40
|
type="text">
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
@@ -44,7 +44,7 @@ export const basic = () => {
|
|
|
44
44
|
<div class="ring-form__group">
|
|
45
45
|
<label for="ring-form-3" class="ring-form__label">Medium Input & Error</label>
|
|
46
46
|
<div class="ring-form__control">
|
|
47
|
-
<input class="ring-input ring-input_error ring-input-
|
|
47
|
+
<input class="ring-input ring-input_error ring-input-size_m"
|
|
48
48
|
id="ring-form-3" type="text">
|
|
49
49
|
<div class="ring-error-bubble active">Error bubble</div>
|
|
50
50
|
</div>
|
|
@@ -75,7 +75,7 @@ export const basic = () => {
|
|
|
75
75
|
<div class="ring-form__group">
|
|
76
76
|
<label for="ring-form-7" class="ring-form__label">Textarea</label>
|
|
77
77
|
<div class="ring-form__control">
|
|
78
|
-
<textarea class="ring-input ring-input-
|
|
78
|
+
<textarea class="ring-input ring-input-size_m"
|
|
79
79
|
id="ring-form-7"></textarea>
|
|
80
80
|
</div>
|
|
81
81
|
</div>
|
|
@@ -101,7 +101,7 @@ export const basic = () => {
|
|
|
101
101
|
<label for="ring-form-11" class="ring-form__label">Input in
|
|
102
102
|
a small container</label>
|
|
103
103
|
<div class="ring-form__control ring-form__control_small">
|
|
104
|
-
<input class="ring-input ring-input-
|
|
104
|
+
<input class="ring-input ring-input-size_m" id="ring-form-11"
|
|
105
105
|
type="text">
|
|
106
106
|
</div>
|
|
107
107
|
</div>
|
|
@@ -110,7 +110,7 @@ export const basic = () => {
|
|
|
110
110
|
<label for="ring-form-12" class="ring-form__label">Textarea in
|
|
111
111
|
a small container</label>
|
|
112
112
|
<div class="ring-form__control ring-form__control_small">
|
|
113
|
-
<textarea class="ring-input ring-input-
|
|
113
|
+
<textarea class="ring-input ring-input-size_m"
|
|
114
114
|
id="ring-form-12"></textarea>
|
|
115
115
|
</div>
|
|
116
116
|
</div>
|
|
@@ -39,6 +39,16 @@
|
|
|
39
39
|
|
|
40
40
|
/* M */
|
|
41
41
|
|
|
42
|
+
:global(.ring-input-size_m.ring-input-size_m) {
|
|
43
|
+
display: inline-block;
|
|
44
|
+
|
|
45
|
+
width: var(--ring-input-m);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
:global(.ring-input-size_m.ring-input-size_m ~ .ring-error-bubble) {
|
|
49
|
+
left: calc(var(--ring-input-m) + 2px);
|
|
50
|
+
}
|
|
51
|
+
|
|
42
52
|
:global(.ring-input-size_md.ring-input-size_md) {
|
|
43
53
|
display: inline-block;
|
|
44
54
|
|
|
@@ -46,7 +46,7 @@ export const basic = () => {
|
|
|
46
46
|
</div>
|
|
47
47
|
<div class="ring-error-bubble-wrapper">
|
|
48
48
|
<rg-query-assist
|
|
49
|
-
class="ring-input-
|
|
49
|
+
class="ring-input-size_m"
|
|
50
50
|
x-data-source="exampleCtrl.dataSource"
|
|
51
51
|
glass="true"
|
|
52
52
|
placeholder="'Medium'">
|
|
@@ -89,7 +89,7 @@ export const basic = () => {
|
|
|
89
89
|
<div class="ring-error-bubble active">Short Select</div>
|
|
90
90
|
</div>
|
|
91
91
|
<div class="ring-error-bubble-wrapper">
|
|
92
|
-
<rg-select class="ring-input-
|
|
92
|
+
<rg-select class="ring-input-size_m"
|
|
93
93
|
ng-model="exampleCtrl.selected"
|
|
94
94
|
options="item in exampleCtrl.options"
|
|
95
95
|
label="Select item"></rg-select>
|
|
@@ -129,7 +129,7 @@ export const basic = () => {
|
|
|
129
129
|
<div class="ring-error-bubble active">Short Select</div>
|
|
130
130
|
</div>
|
|
131
131
|
<div class="ring-error-bubble-wrapper">
|
|
132
|
-
<rg-select class="ring-input-
|
|
132
|
+
<rg-select class="ring-input-size_m"
|
|
133
133
|
type="input"
|
|
134
134
|
ng-model="exampleCtrl.selected"
|
|
135
135
|
options="item in exampleCtrl.options"
|
|
@@ -164,7 +164,7 @@ export const basic = () => {
|
|
|
164
164
|
<label for="short-input" class="ring-error-bubble active">Short Input</label>
|
|
165
165
|
</div>
|
|
166
166
|
<div class="ring-error-bubble-wrapper">
|
|
167
|
-
<input id="medium-input" type="number" class="ring-input ring-input-
|
|
167
|
+
<input id="medium-input" type="number" class="ring-input ring-input-size_m">
|
|
168
168
|
<label for="medium-input" class="ring-error-bubble active">Medium Input</label>
|
|
169
169
|
</div>
|
|
170
170
|
<div class="ring-error-bubble-wrapper">
|
|
@@ -188,7 +188,7 @@ export const basic = () => {
|
|
|
188
188
|
<label for="short-textarea" class="ring-error-bubble active">Short Textarea</label>
|
|
189
189
|
</div>
|
|
190
190
|
<div class="ring-error-bubble-wrapper">
|
|
191
|
-
<textarea id="medium-textarea" class="ring-input ring-input-
|
|
191
|
+
<textarea id="medium-textarea" class="ring-input ring-input-size_m"></textarea>
|
|
192
192
|
<label for="medium-textarea" class="ring-error-bubble active">Medium Textarea</label>
|
|
193
193
|
</div>
|
|
194
194
|
<div class="ring-error-bubble-wrapper">
|
|
@@ -87,7 +87,7 @@ export const basic = ({onSave}) => {
|
|
|
87
87
|
on-save="save()">
|
|
88
88
|
<input type="text"
|
|
89
89
|
id="input"
|
|
90
|
-
class="ring-input ring-input-
|
|
90
|
+
class="ring-input ring-input-size_m"
|
|
91
91
|
ng-required="true"
|
|
92
92
|
ng-pattern="/^[a-zA-Z][a-zA-Z0-9-_\\.]*[@][a-zA-Z0-9-_\\.]+$/"
|
|
93
93
|
ng-model="data.email">
|
|
@@ -106,7 +106,7 @@ export const basic = ({onSave}) => {
|
|
|
106
106
|
on-save="save()">
|
|
107
107
|
<input type="text"
|
|
108
108
|
id="email"
|
|
109
|
-
class="ring-input ring-input-
|
|
109
|
+
class="ring-input ring-input-size_m"
|
|
110
110
|
ng-required="true"
|
|
111
111
|
ng-pattern="/^[a-zA-Z][a-zA-Z0-9-_\\.]*[@][a-zA-Z0-9-_\\.]+$/"
|
|
112
112
|
ng-model="data.emailWorkingValue">
|
|
@@ -144,7 +144,7 @@ export const basic = ({onSave}) => {
|
|
|
144
144
|
<textarea type="text"
|
|
145
145
|
id="list-mode"
|
|
146
146
|
name="myMultilineArea"
|
|
147
|
-
class="ring-input ring-input-
|
|
147
|
+
class="ring-input ring-input-size_m"
|
|
148
148
|
ng-model="data.longTextList"></textarea>
|
|
149
149
|
</rg-save-field>
|
|
150
150
|
<div class="ring-form__control__description">data.longTextList =
|
|
@@ -180,7 +180,7 @@ export const basic = ({onSave}) => {
|
|
|
180
180
|
on-save="invalidSave(value)">
|
|
181
181
|
<input type="text"
|
|
182
182
|
id="rejected"
|
|
183
|
-
class="ring-input ring-input-
|
|
183
|
+
class="ring-input ring-input-size_m"
|
|
184
184
|
ng-model="data.someText">
|
|
185
185
|
</rg-save-field>
|
|
186
186
|
</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/ring-ui",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.17",
|
|
4
4
|
"description": "JetBrains UI library",
|
|
5
5
|
"author": "JetBrains",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -72,8 +72,8 @@
|
|
|
72
72
|
},
|
|
73
73
|
"readmeFilename": "README.md",
|
|
74
74
|
"devDependencies": {
|
|
75
|
-
"@babel/cli": "^7.18.
|
|
76
|
-
"@babel/eslint-parser": "^7.18.
|
|
75
|
+
"@babel/cli": "^7.18.9",
|
|
76
|
+
"@babel/eslint-parser": "^7.18.9",
|
|
77
77
|
"@jetbrains/eslint-config": "^5.4.1",
|
|
78
78
|
"@jetbrains/stylelint-config": "^3.0.2",
|
|
79
79
|
"@primer/octicons": "^17.3.0",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"@storybook/source-loader": "6.5.9",
|
|
97
97
|
"@storybook/theming": "6.5.9",
|
|
98
98
|
"@testing-library/react": "^13.3.0",
|
|
99
|
-
"@testing-library/user-event": "^14.2.
|
|
99
|
+
"@testing-library/user-event": "^14.2.6",
|
|
100
100
|
"@types/chai": "^4.3.1",
|
|
101
101
|
"@types/chai-as-promised": "^7.1.5",
|
|
102
102
|
"@types/chai-dom": "0.0.10",
|
|
@@ -106,8 +106,8 @@
|
|
|
106
106
|
"@types/react-dom": "^18.0.6",
|
|
107
107
|
"@types/sinon": "^10.0.12",
|
|
108
108
|
"@types/sinon-chai": "^3.2.8",
|
|
109
|
-
"@typescript-eslint/eslint-plugin": "^5.30.
|
|
110
|
-
"@typescript-eslint/parser": "^5.30.
|
|
109
|
+
"@typescript-eslint/eslint-plugin": "^5.30.7",
|
|
110
|
+
"@typescript-eslint/parser": "^5.30.7",
|
|
111
111
|
"@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
|
|
112
112
|
"angular": "^1.8.3",
|
|
113
113
|
"angular-mocks": "^1.8.3",
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
"chai-dom": "^1.10.0",
|
|
120
120
|
"chai-enzyme": "1.0.0-beta.1",
|
|
121
121
|
"cheerio": "^0.22.0",
|
|
122
|
-
"core-js": "^3.23.
|
|
122
|
+
"core-js": "^3.23.5",
|
|
123
123
|
"cpy-cli": "^3.1.1",
|
|
124
124
|
"enzyme": "^3.11.0",
|
|
125
125
|
"eslint": "^8.20.0",
|
|
@@ -135,7 +135,8 @@
|
|
|
135
135
|
"husky": "^8.0.1",
|
|
136
136
|
"identity-obj-proxy": "^3.0.0",
|
|
137
137
|
"imports-loader": "^4.0.0",
|
|
138
|
-
"jest": "~
|
|
138
|
+
"jest": "~28.1.3",
|
|
139
|
+
"jest-environment-jsdom": "^28.1.3",
|
|
139
140
|
"jest-teamcity": "^1.10.0",
|
|
140
141
|
"karma": "^6.4.0",
|
|
141
142
|
"karma-chrome-launcher": "3.1.1",
|
|
@@ -192,11 +193,11 @@
|
|
|
192
193
|
}
|
|
193
194
|
},
|
|
194
195
|
"dependencies": {
|
|
195
|
-
"@babel/core": "^7.18.
|
|
196
|
+
"@babel/core": "^7.18.9",
|
|
196
197
|
"@babel/preset-typescript": "^7.18.6",
|
|
197
198
|
"@jetbrains/babel-preset-jetbrains": "^2.3.2",
|
|
198
199
|
"@jetbrains/icons": "^3.19.1",
|
|
199
|
-
"@jetbrains/logos": "^2.0.
|
|
200
|
+
"@jetbrains/logos": "^2.0.4",
|
|
200
201
|
"@jetbrains/postcss-require-hover": "^0.1.2",
|
|
201
202
|
"@types/combokeys": "^2.4.6",
|
|
202
203
|
"@types/deep-equal": "^1.0.1",
|
|
@@ -257,5 +258,5 @@
|
|
|
257
258
|
"node": ">=14.0",
|
|
258
259
|
"npm": ">=6.0.0"
|
|
259
260
|
},
|
|
260
|
-
"gitHead": "
|
|
261
|
+
"gitHead": "4990becb3f440308979540ecb0b1fa062a5fc0b0"
|
|
261
262
|
}
|