@empathyco/x-components 3.0.0-alpha.381 → 3.0.0-alpha.383

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 CHANGED
@@ -3,6 +3,24 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.0.0-alpha.383](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.382...@empathyco/x-components@3.0.0-alpha.383) (2023-06-08)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **deps:** update dependency @vueuse/core to v10 (#1219) ([3761f17](https://github.com/empathyco/x/commit/3761f17226e1cba9b13a971e43ddb928d5f2f412))
12
+ * **platform-adapter:** change semantics url path (#1230) ([b8210b5](https://github.com/empathyco/x/commit/b8210b59960474a3ad86ffe1a9ee6bc35567ea6e))
13
+
14
+
15
+
16
+ ## [3.0.0-alpha.382](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.381...@empathyco/x-components@3.0.0-alpha.382) (2023-06-07)
17
+
18
+ **Note:** Version bump only for package @empathyco/x-components
19
+
20
+
21
+
22
+
23
+
6
24
  ## [3.0.0-alpha.381](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.380...@empathyco/x-components@3.0.0-alpha.381) (2023-06-06)
7
25
 
8
26
 
@@ -1009,15 +1009,6 @@
1009
1009
  -webkit-box-orient: vertical !important;
1010
1010
  -webkit-line-clamp: 6 !important;
1011
1011
  }
1012
- .x-font-weight--light {
1013
- font-weight: var(--x-number-font-weight-base-light) !important;
1014
- }
1015
- .x-font-weight--regular {
1016
- font-weight: var(--x-number-font-weight-base-regular) !important;
1017
- }
1018
- .x-font-weight--bold {
1019
- font-weight: var(--x-number-font-weight-base-bold) !important;
1020
- }
1021
1012
  .x-font-size--01 {
1022
1013
  font-size: var(--x-size-base-01) !important;
1023
1014
  line-height: 1.5;
@@ -1098,49 +1089,6 @@
1098
1089
  font-size: var(--x-size-base-20) !important;
1099
1090
  line-height: 1.5;
1100
1091
  }
1101
- .x-flex-1 {
1102
- flex: 1 1 0% !important;
1103
- }
1104
-
1105
- .x-flex-auto {
1106
- flex: 1 1 auto !important;
1107
- }
1108
-
1109
- .x-flex-initial {
1110
- flex: 0 1 auto !important;
1111
- }
1112
-
1113
- .x-flex-no-shrink {
1114
- flex: 1 0 auto !important;
1115
- }
1116
-
1117
- .x-flex-none {
1118
- flex: none !important;
1119
- }
1120
-
1121
- .x-self-auto {
1122
- align-self: auto !important;
1123
- }
1124
-
1125
- .x-self-start {
1126
- align-self: flex-start !important;
1127
- }
1128
-
1129
- .x-self-end {
1130
- align-self: flex-end !important;
1131
- }
1132
-
1133
- .x-self-center {
1134
- align-self: center !important;
1135
- }
1136
-
1137
- .x-self-stretch {
1138
- align-self: stretch !important;
1139
- }
1140
-
1141
- .x-self-baseline {
1142
- align-self: baseline !important;
1143
- }
1144
1092
  .x-font-color--lead {
1145
1093
  color: var(--x-color-base-lead) !important;
1146
1094
  }
@@ -1184,6 +1132,49 @@
1184
1132
  .x-font-color--transparent {
1185
1133
  color: var(--x-color-base-transparent) !important;
1186
1134
  }
1135
+ .x-flex-1 {
1136
+ flex: 1 1 0% !important;
1137
+ }
1138
+
1139
+ .x-flex-auto {
1140
+ flex: 1 1 auto !important;
1141
+ }
1142
+
1143
+ .x-flex-initial {
1144
+ flex: 0 1 auto !important;
1145
+ }
1146
+
1147
+ .x-flex-no-shrink {
1148
+ flex: 1 0 auto !important;
1149
+ }
1150
+
1151
+ .x-flex-none {
1152
+ flex: none !important;
1153
+ }
1154
+
1155
+ .x-self-auto {
1156
+ align-self: auto !important;
1157
+ }
1158
+
1159
+ .x-self-start {
1160
+ align-self: flex-start !important;
1161
+ }
1162
+
1163
+ .x-self-end {
1164
+ align-self: flex-end !important;
1165
+ }
1166
+
1167
+ .x-self-center {
1168
+ align-self: center !important;
1169
+ }
1170
+
1171
+ .x-self-stretch {
1172
+ align-self: stretch !important;
1173
+ }
1174
+
1175
+ .x-self-baseline {
1176
+ align-self: baseline !important;
1177
+ }
1187
1178
  .x-fill--lead {
1188
1179
  fill: var(--x-color-base-lead) !important;
1189
1180
  }
@@ -4512,6 +4503,14 @@
4512
4503
  --x-size-padding-row-05: var(--x-size-base-05);
4513
4504
  --x-size-padding-row-06: var(--x-size-base-06);
4514
4505
  }
4506
+ /* @deprecated */
4507
+ :root {
4508
+ --x-size-padding-row-02: var(--x-size-base-02);
4509
+ --x-size-padding-row-03: var(--x-size-base-03);
4510
+ --x-size-padding-row-04: var(--x-size-base-04);
4511
+ --x-size-padding-row-05: var(--x-size-base-05);
4512
+ --x-size-padding-row-06: var(--x-size-base-06);
4513
+ }
4515
4514
 
4516
4515
  /* @deprecated */
4517
4516
  .x-row--padding-02 {
@@ -4533,14 +4532,6 @@
4533
4532
  .x-row--padding-06 {
4534
4533
  --x-size-padding-row: var(--x-size-padding-row-06);
4535
4534
  }
4536
- /* @deprecated */
4537
- :root {
4538
- --x-size-padding-row-02: var(--x-size-base-02);
4539
- --x-size-padding-row-03: var(--x-size-base-03);
4540
- --x-size-padding-row-04: var(--x-size-base-04);
4541
- --x-size-padding-row-05: var(--x-size-base-05);
4542
- --x-size-padding-row-06: var(--x-size-base-06);
4543
- }
4544
4535
  :root {
4545
4536
  --x-size-gap-row-01: var(--x-size-base-01);
4546
4537
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4673,93 +4664,6 @@
4673
4664
  --x-size-span-row-item: 1;
4674
4665
  --x-size-start-row-item: 0;
4675
4666
  }
4676
- :root {
4677
- --x-color-border-result-default: var(--x-color-base-lead);
4678
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4679
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4680
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4681
- --x-color-background-result-default: transparent;
4682
- --x-size-padding-result-default: 0;
4683
- --x-size-padding-result-overlay-default: 0;
4684
- --x-size-padding-result-description-default: 0;
4685
- --x-size-gap-result-default: var(--x-size-base-03);
4686
- --x-size-padding-result-picture-default: 0;
4687
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4688
- --x-size-border-width-result-default: 0;
4689
- --x-size-border-width-result-overlay-default: 0;
4690
- --x-size-border-width-result-description-default: 0;
4691
- --x-size-border-width-result-picture-default: 0;
4692
- }
4693
- :root {
4694
- --x-color-border-result-default: var(--x-color-base-lead);
4695
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4696
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4697
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4698
- --x-color-background-result-default: transparent;
4699
- --x-size-padding-result-default: 0;
4700
- --x-size-padding-result-overlay-default: 0;
4701
- --x-size-padding-result-description-default: 0;
4702
- --x-size-gap-result-default: var(--x-size-base-03);
4703
- --x-size-padding-result-picture-default: 0;
4704
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4705
- --x-size-border-width-result-default: 0;
4706
- --x-size-border-width-result-overlay-default: 0;
4707
- --x-size-border-width-result-description-default: 0;
4708
- --x-size-border-width-result-picture-default: 0;
4709
- }
4710
-
4711
- .x-result {
4712
- display: grid;
4713
- grid-template-columns: [result-start] 1fr [result-end];
4714
- grid-template-rows: [picture-start] auto [overlay-start] auto [picture-end overlay-end description-start] 1fr [description-end];
4715
- box-sizing: border-box;
4716
- background-color: var(--x-color-background-result-default);
4717
- border-color: var(--x-color-border-result-default);
4718
- padding: var(--x-size-padding-result-default);
4719
- gap: var(--x-size-gap-result-default);
4720
- border-style: solid;
4721
- border-width: var(--x-size-border-width-result-default);
4722
- border-radius: var(--x-size-border-radius-result-default);
4723
- }
4724
- .x-result > * {
4725
- min-width: 0;
4726
- }
4727
- .x-result__picture {
4728
- grid-column: result;
4729
- grid-row: picture;
4730
- }
4731
- .x-result__overlay {
4732
- grid-column: result;
4733
- grid-row: overlay;
4734
- z-index: 1;
4735
- border-color: var(--x-color-border-result-overlay-default);
4736
- padding: var(--x-size-padding-result-overlay-default);
4737
- border-style: solid;
4738
- border-width: var(--x-size-border-width-result-overlay-default);
4739
- opacity: 0;
4740
- }
4741
- .x-result__description {
4742
- grid-column: result;
4743
- grid-row: description;
4744
- border-color: var(--x-color-border-result-description-default);
4745
- padding: var(--x-size-padding-result-description-default);
4746
- border-style: solid;
4747
- border-width: var(--x-size-border-width-result-description-default);
4748
- }
4749
- .x-result__picture {
4750
- border-color: var(--x-color-border-result-picture-default);
4751
- padding: var(--x-size-padding-result-picture-default);
4752
- border-style: solid;
4753
- border-width: var(--x-size-border-width-result-picture-default);
4754
- }
4755
- .x-result:hover .x-result__overlay {
4756
- opacity: 1;
4757
- }
4758
- @media (hover: none) {
4759
- .x-result .x-result__overlay {
4760
- opacity: 1;
4761
- }
4762
- }
4763
4667
  :root {
4764
4668
  --x-size-gap-row: 0;
4765
4669
  --x-size-padding-row: 0;
@@ -4888,6 +4792,93 @@
4888
4792
  .x-row--align-stretch {
4889
4793
  --x-size-align-row: stretch;
4890
4794
  }
4795
+ :root {
4796
+ --x-color-border-result-default: var(--x-color-base-lead);
4797
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4798
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4799
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4800
+ --x-color-background-result-default: transparent;
4801
+ --x-size-padding-result-default: 0;
4802
+ --x-size-padding-result-overlay-default: 0;
4803
+ --x-size-padding-result-description-default: 0;
4804
+ --x-size-gap-result-default: var(--x-size-base-03);
4805
+ --x-size-padding-result-picture-default: 0;
4806
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4807
+ --x-size-border-width-result-default: 0;
4808
+ --x-size-border-width-result-overlay-default: 0;
4809
+ --x-size-border-width-result-description-default: 0;
4810
+ --x-size-border-width-result-picture-default: 0;
4811
+ }
4812
+ :root {
4813
+ --x-color-border-result-default: var(--x-color-base-lead);
4814
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4815
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4816
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4817
+ --x-color-background-result-default: transparent;
4818
+ --x-size-padding-result-default: 0;
4819
+ --x-size-padding-result-overlay-default: 0;
4820
+ --x-size-padding-result-description-default: 0;
4821
+ --x-size-gap-result-default: var(--x-size-base-03);
4822
+ --x-size-padding-result-picture-default: 0;
4823
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4824
+ --x-size-border-width-result-default: 0;
4825
+ --x-size-border-width-result-overlay-default: 0;
4826
+ --x-size-border-width-result-description-default: 0;
4827
+ --x-size-border-width-result-picture-default: 0;
4828
+ }
4829
+
4830
+ .x-result {
4831
+ display: grid;
4832
+ grid-template-columns: [result-start] 1fr [result-end];
4833
+ grid-template-rows: [picture-start] auto [overlay-start] auto [picture-end overlay-end description-start] 1fr [description-end];
4834
+ box-sizing: border-box;
4835
+ background-color: var(--x-color-background-result-default);
4836
+ border-color: var(--x-color-border-result-default);
4837
+ padding: var(--x-size-padding-result-default);
4838
+ gap: var(--x-size-gap-result-default);
4839
+ border-style: solid;
4840
+ border-width: var(--x-size-border-width-result-default);
4841
+ border-radius: var(--x-size-border-radius-result-default);
4842
+ }
4843
+ .x-result > * {
4844
+ min-width: 0;
4845
+ }
4846
+ .x-result__picture {
4847
+ grid-column: result;
4848
+ grid-row: picture;
4849
+ }
4850
+ .x-result__overlay {
4851
+ grid-column: result;
4852
+ grid-row: overlay;
4853
+ z-index: 1;
4854
+ border-color: var(--x-color-border-result-overlay-default);
4855
+ padding: var(--x-size-padding-result-overlay-default);
4856
+ border-style: solid;
4857
+ border-width: var(--x-size-border-width-result-overlay-default);
4858
+ opacity: 0;
4859
+ }
4860
+ .x-result__description {
4861
+ grid-column: result;
4862
+ grid-row: description;
4863
+ border-color: var(--x-color-border-result-description-default);
4864
+ padding: var(--x-size-padding-result-description-default);
4865
+ border-style: solid;
4866
+ border-width: var(--x-size-border-width-result-description-default);
4867
+ }
4868
+ .x-result__picture {
4869
+ border-color: var(--x-color-border-result-picture-default);
4870
+ padding: var(--x-size-padding-result-picture-default);
4871
+ border-style: solid;
4872
+ border-width: var(--x-size-border-width-result-picture-default);
4873
+ }
4874
+ .x-result:hover .x-result__overlay {
4875
+ opacity: 1;
4876
+ }
4877
+ @media (hover: none) {
4878
+ .x-result .x-result__overlay {
4879
+ opacity: 1;
4880
+ }
4881
+ }
4891
4882
  :root {
4892
4883
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4893
4884
  }
@@ -8841,4 +8832,13 @@
8841
8832
  --x-size-border-radius-base-m: var(--x-size-base-06);
8842
8833
  --x-size-border-radius-base-pill: 99999px;
8843
8834
  --x-size-border-width-base: 1px;
8835
+ }
8836
+ .x-font-weight--light {
8837
+ font-weight: var(--x-number-font-weight-base-light) !important;
8838
+ }
8839
+ .x-font-weight--regular {
8840
+ font-weight: var(--x-number-font-weight-base-regular) !important;
8841
+ }
8842
+ .x-font-weight--bold {
8843
+ font-weight: var(--x-number-font-weight-base-bold) !important;
8844
8844
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "3.0.0-alpha.381",
3
+ "version": "3.0.0-alpha.383",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -67,16 +67,16 @@
67
67
  "prepublishOnly": "pnpm run build"
68
68
  },
69
69
  "dependencies": {
70
- "@empathyco/x-adapter": "^8.0.0-alpha.30",
71
- "@empathyco/x-adapter-platform": "^1.0.0-alpha.75",
72
- "@empathyco/x-bus": "^1.0.0-alpha.1",
70
+ "@empathyco/x-adapter": "^8.0.0-alpha.31",
71
+ "@empathyco/x-adapter-platform": "^1.0.0-alpha.77",
72
+ "@empathyco/x-bus": "^1.0.0-alpha.2",
73
73
  "@empathyco/x-deep-merge": "^2.0.0-alpha.1",
74
74
  "@empathyco/x-logger": "^1.2.0-alpha.11",
75
75
  "@empathyco/x-storage-service": "^2.0.0-alpha.14",
76
- "@empathyco/x-types": "^10.0.0-alpha.69",
76
+ "@empathyco/x-types": "^10.0.0-alpha.70",
77
77
  "@empathyco/x-utils": "^1.0.0-alpha.21",
78
78
  "@vue/devtools-api": "~6.5.0",
79
- "@vueuse/core": "~9.13.0",
79
+ "@vueuse/core": "~10.1.0",
80
80
  "rxjs": "~7.8.0",
81
81
  "tslib": "~2.5.0",
82
82
  "vue-class-component": "~7.2.6",
@@ -89,12 +89,12 @@
89
89
  "vuex": "^3.0.0"
90
90
  },
91
91
  "devDependencies": {
92
- "@badeball/cypress-cucumber-preprocessor": "~17.1.0",
92
+ "@badeball/cypress-cucumber-preprocessor": "~17.2.0",
93
93
  "@bahmutov/cypress-esbuild-preprocessor": "~2.2.0",
94
94
  "@cypress/vue2": "~2.0.1",
95
95
  "@empathyco/x-tailwindcss": "^1.0.0-alpha.33",
96
96
  "@microsoft/api-documenter": "~7.22.0",
97
- "@microsoft/api-extractor": "~7.34.0",
97
+ "@microsoft/api-extractor": "~7.35.0",
98
98
  "@rollup/plugin-commonjs": "~25.0.0",
99
99
  "@testing-library/jest-dom": "~5.16.0",
100
100
  "@types/autoprefixer": "~10.2.0",
@@ -110,7 +110,7 @@
110
110
  "@vue/vue2-jest": "~27.0.0-alpha.3",
111
111
  "autoprefixer": "~10.4.4",
112
112
  "convert-source-map": "~2.0.0",
113
- "cypress": "~12.12.0",
113
+ "cypress": "~12.13.0",
114
114
  "esbuild": "0.17.19",
115
115
  "glob": "~10.2.0",
116
116
  "jest": "~27.5.0",
@@ -128,7 +128,7 @@
128
128
  "rollup-plugin-typescript2": "~0.34.1",
129
129
  "rollup-plugin-vue": "~5.1.9",
130
130
  "sass": "~1.62.0",
131
- "sass-loader": "~13.2.0",
131
+ "sass-loader": "~13.3.0",
132
132
  "tailwindcss": "~3.3.0",
133
133
  "ts-jest": "~27.1.0",
134
134
  "ts-node": "~10.9.1",
@@ -143,5 +143,5 @@
143
143
  "access": "public",
144
144
  "directory": "dist"
145
145
  },
146
- "gitHead": "4c7cf12ed4c7e950a5f01938d6827089e9ba0f24"
146
+ "gitHead": "2521ab8a0f64b0aa959342b6798e642b30653f12"
147
147
  }
@@ -5,7 +5,7 @@
5
5
  "toolPackages": [
6
6
  {
7
7
  "packageName": "@microsoft/api-extractor",
8
- "packageVersion": "7.34.0"
8
+ "packageVersion": "7.35.0"
9
9
  }
10
10
  ]
11
11
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "metadata": {
3
3
  "toolPackage": "@microsoft/api-extractor",
4
- "toolVersion": "7.34.0",
4
+ "toolVersion": "7.35.0",
5
5
  "schemaVersion": 1011,
6
6
  "oldestForwardsCompatibleVersion": 1001,
7
7
  "tsdocConfig": {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "metadata": {
3
3
  "toolPackage": "@microsoft/api-extractor",
4
- "toolVersion": "7.34.0",
4
+ "toolVersion": "7.35.0",
5
5
  "schemaVersion": 1011,
6
6
  "oldestForwardsCompatibleVersion": 1001,
7
7
  "tsdocConfig": {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "metadata": {
3
3
  "toolPackage": "@microsoft/api-extractor",
4
- "toolVersion": "7.34.0",
4
+ "toolVersion": "7.35.0",
5
5
  "schemaVersion": 1011,
6
6
  "oldestForwardsCompatibleVersion": 1001,
7
7
  "tsdocConfig": {
@@ -1 +1 @@
1
- {"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../../src/views/adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAGhB,MAAM,+BAA+B,CAAC;AAGvC,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAQF,eAAO,MAAM,OAAO,iBAGlB,CAAC"}
1
+ {"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../../src/views/adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAmB,MAAM,+BAA+B,CAAC;AAGjF,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAEF,eAAO,MAAM,OAAO,iBAGlB,CAAC"}