@empathyco/x-components 3.0.0-alpha.238 → 3.0.0-alpha.239
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.
- package/CHANGELOG.md +9 -0
- package/design-system/full-theme.css +63 -64
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [3.0.0-alpha.239](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.238...@empathyco/x-components@3.0.0-alpha.239) (2022-12-01)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @empathyco/x-components
|
|
9
|
+
|
|
10
|
+
# Change Log
|
|
11
|
+
|
|
12
|
+
All notable changes to this project will be documented in this file. See
|
|
13
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
14
|
+
|
|
6
15
|
## [3.0.0-alpha.238](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.237...@empathyco/x-components@3.0.0-alpha.238) (2022-12-01)
|
|
7
16
|
|
|
8
17
|
### Features
|
|
@@ -1204,6 +1204,69 @@
|
|
|
1204
1204
|
--x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
|
|
1205
1205
|
--x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
|
|
1206
1206
|
}
|
|
1207
|
+
[dir="ltr"] .x-input {
|
|
1208
|
+
padding-left: var(--x-size-padding-left-input-default);
|
|
1209
|
+
}[dir="rtl"] .x-input {
|
|
1210
|
+
padding-right: var(--x-size-padding-left-input-default);
|
|
1211
|
+
}[dir="ltr"] .x-input {
|
|
1212
|
+
padding-right: var(--x-size-padding-right-input-default);
|
|
1213
|
+
}[dir="rtl"] .x-input {
|
|
1214
|
+
padding-left: var(--x-size-padding-right-input-default);
|
|
1215
|
+
}[dir="ltr"] .x-input {
|
|
1216
|
+
border-right-width: var(--x-size-border-width-right-input-default);
|
|
1217
|
+
}[dir="rtl"] .x-input {
|
|
1218
|
+
border-left-width: var(--x-size-border-width-right-input-default);
|
|
1219
|
+
}[dir="ltr"] .x-input {
|
|
1220
|
+
border-left-width: var(--x-size-border-width-left-input-default);
|
|
1221
|
+
}[dir="rtl"] .x-input {
|
|
1222
|
+
border-right-width: var(--x-size-border-width-left-input-default);
|
|
1223
|
+
}.x-input {
|
|
1224
|
+
position: relative;
|
|
1225
|
+
display: flex;
|
|
1226
|
+
overflow: hidden;
|
|
1227
|
+
box-sizing: border-box;
|
|
1228
|
+
margin: 0;
|
|
1229
|
+
min-width: 0;
|
|
1230
|
+
height: var(--x-size-height-input-default);
|
|
1231
|
+
padding-top: 0;
|
|
1232
|
+
padding-bottom: 0;
|
|
1233
|
+
background-color: var(--x-color-background-input-default);
|
|
1234
|
+
border-color: var(--x-color-border-input-default);
|
|
1235
|
+
color: var(--x-color-text-input-default);
|
|
1236
|
+
border-top-width: var(--x-size-border-width-top-input-default);
|
|
1237
|
+
border-bottom-width: var(--x-size-border-width-bottom-input-default);
|
|
1238
|
+
border-radius: var(--x-size-border-radius-top-left-input-default) var(--x-size-border-radius-top-right-input-default) var(--x-size-border-radius-bottom-right-input-default) var(--x-size-border-radius-bottom-left-input-default);
|
|
1239
|
+
border-style: solid;
|
|
1240
|
+
font-family: var(--x-font-family-input-default);
|
|
1241
|
+
font-size: var(--x-size-font-input-default);
|
|
1242
|
+
font-weight: var(--x-number-font-weight-input-default);
|
|
1243
|
+
line-height: var(--x-size-line-height-input-default);
|
|
1244
|
+
}
|
|
1245
|
+
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
|
|
1246
|
+
.x-input {
|
|
1247
|
+
-webkit-appearance: none;
|
|
1248
|
+
}
|
|
1249
|
+
}
|
|
1250
|
+
.x-input:focus {
|
|
1251
|
+
border-color: var(--x-color-border-input-default-focus);
|
|
1252
|
+
}
|
|
1253
|
+
.x-input > .x-input-placeholder {
|
|
1254
|
+
position: absolute;
|
|
1255
|
+
height: 100%;
|
|
1256
|
+
}
|
|
1257
|
+
.x-input > .x-input {
|
|
1258
|
+
background: none;
|
|
1259
|
+
border: none;
|
|
1260
|
+
padding: 0;
|
|
1261
|
+
flex: 1 1 auto;
|
|
1262
|
+
}
|
|
1263
|
+
.x-input > .x-input-placeholder, .x-input::placeholder {
|
|
1264
|
+
color: var(--x-color-text-input-placeholder-default);
|
|
1265
|
+
font-family: var(--x-font-family-input-placeholder-default);
|
|
1266
|
+
font-size: var(--x-size-font-input-placeholder-default);
|
|
1267
|
+
font-weight: var(--x-number-font-weight-input-placeholder-default);
|
|
1268
|
+
line-height: var(--x-size-line-height-input-placeholder-default);
|
|
1269
|
+
}
|
|
1207
1270
|
:root {
|
|
1208
1271
|
--x-color-background-input-default: var(--x-color-base-neutral-100);
|
|
1209
1272
|
--x-color-border-input-default: var(--x-color-base-neutral-70);
|
|
@@ -7173,67 +7236,3 @@
|
|
|
7173
7236
|
.x-normal-case {
|
|
7174
7237
|
text-transform: none;
|
|
7175
7238
|
}
|
|
7176
|
-
|
|
7177
|
-
[dir="ltr"] .x-input {
|
|
7178
|
-
padding-left: var(--x-size-padding-left-input-default);
|
|
7179
|
-
}[dir="rtl"] .x-input {
|
|
7180
|
-
padding-right: var(--x-size-padding-left-input-default);
|
|
7181
|
-
}[dir="ltr"] .x-input {
|
|
7182
|
-
padding-right: var(--x-size-padding-right-input-default);
|
|
7183
|
-
}[dir="rtl"] .x-input {
|
|
7184
|
-
padding-left: var(--x-size-padding-right-input-default);
|
|
7185
|
-
}[dir="ltr"] .x-input {
|
|
7186
|
-
border-right-width: var(--x-size-border-width-right-input-default);
|
|
7187
|
-
}[dir="rtl"] .x-input {
|
|
7188
|
-
border-left-width: var(--x-size-border-width-right-input-default);
|
|
7189
|
-
}[dir="ltr"] .x-input {
|
|
7190
|
-
border-left-width: var(--x-size-border-width-left-input-default);
|
|
7191
|
-
}[dir="rtl"] .x-input {
|
|
7192
|
-
border-right-width: var(--x-size-border-width-left-input-default);
|
|
7193
|
-
}.x-input {
|
|
7194
|
-
position: relative;
|
|
7195
|
-
display: flex;
|
|
7196
|
-
overflow: hidden;
|
|
7197
|
-
box-sizing: border-box;
|
|
7198
|
-
margin: 0;
|
|
7199
|
-
min-width: 0;
|
|
7200
|
-
height: var(--x-size-height-input-default);
|
|
7201
|
-
padding-top: 0;
|
|
7202
|
-
padding-bottom: 0;
|
|
7203
|
-
background-color: var(--x-color-background-input-default);
|
|
7204
|
-
border-color: var(--x-color-border-input-default);
|
|
7205
|
-
color: var(--x-color-text-input-default);
|
|
7206
|
-
border-top-width: var(--x-size-border-width-top-input-default);
|
|
7207
|
-
border-bottom-width: var(--x-size-border-width-bottom-input-default);
|
|
7208
|
-
border-radius: var(--x-size-border-radius-top-left-input-default) var(--x-size-border-radius-top-right-input-default) var(--x-size-border-radius-bottom-right-input-default) var(--x-size-border-radius-bottom-left-input-default);
|
|
7209
|
-
border-style: solid;
|
|
7210
|
-
font-family: var(--x-font-family-input-default);
|
|
7211
|
-
font-size: var(--x-size-font-input-default);
|
|
7212
|
-
font-weight: var(--x-number-font-weight-input-default);
|
|
7213
|
-
line-height: var(--x-size-line-height-input-default);
|
|
7214
|
-
}
|
|
7215
|
-
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
|
|
7216
|
-
.x-input {
|
|
7217
|
-
-webkit-appearance: none;
|
|
7218
|
-
}
|
|
7219
|
-
}
|
|
7220
|
-
.x-input:focus {
|
|
7221
|
-
border-color: var(--x-color-border-input-default-focus);
|
|
7222
|
-
}
|
|
7223
|
-
.x-input > .x-input-placeholder {
|
|
7224
|
-
position: absolute;
|
|
7225
|
-
height: 100%;
|
|
7226
|
-
}
|
|
7227
|
-
.x-input > .x-input {
|
|
7228
|
-
background: none;
|
|
7229
|
-
border: none;
|
|
7230
|
-
padding: 0;
|
|
7231
|
-
flex: 1 1 auto;
|
|
7232
|
-
}
|
|
7233
|
-
.x-input > .x-input-placeholder, .x-input::placeholder {
|
|
7234
|
-
color: var(--x-color-text-input-placeholder-default);
|
|
7235
|
-
font-family: var(--x-font-family-input-placeholder-default);
|
|
7236
|
-
font-size: var(--x-size-font-input-placeholder-default);
|
|
7237
|
-
font-weight: var(--x-number-font-weight-input-placeholder-default);
|
|
7238
|
-
line-height: var(--x-size-line-height-input-placeholder-default);
|
|
7239
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-components",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.239",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"@cypress/vue": "~2.2.4",
|
|
86
86
|
"@cypress/webpack-dev-server": "~1.8.4",
|
|
87
87
|
"@empathyco/x-adapter-platform": "^1.0.0-alpha.45",
|
|
88
|
-
"@empathyco/x-tailwindcss": "^0.2.0-alpha.
|
|
88
|
+
"@empathyco/x-tailwindcss": "^0.2.0-alpha.32",
|
|
89
89
|
"@microsoft/api-documenter": "~7.15.3",
|
|
90
90
|
"@microsoft/api-extractor": "~7.19.4",
|
|
91
91
|
"@rollup/plugin-commonjs": "~21.0.1",
|
|
@@ -135,5 +135,5 @@
|
|
|
135
135
|
"access": "public",
|
|
136
136
|
"directory": "dist"
|
|
137
137
|
},
|
|
138
|
-
"gitHead": "
|
|
138
|
+
"gitHead": "5402c859f87676965bdb0e4e577f28c4bbde3bb0"
|
|
139
139
|
}
|