@hashicorp/design-system-components 1.7.1 → 1.7.3

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
@@ -1,5 +1,17 @@
1
1
  # @hashicorp/design-system-components
2
2
 
3
+ ## 1.7.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1242](https://github.com/hashicorp/design-system/pull/1242) [`f1a947db2`](https://github.com/hashicorp/design-system/commit/f1a947db20bf19cf88b4c3a8091d3e7b51649364) Thanks [@Dhaulagiri](https://github.com/Dhaulagiri)! - Revert ember-truth-helpers & ember-keyboard dependency updates
8
+
9
+ ## 1.7.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#1234](https://github.com/hashicorp/design-system/pull/1234) [`2fa69aca7`](https://github.com/hashicorp/design-system/commit/2fa69aca75f2ea1245be04ccfad7966ec77ab12d) Thanks [@alex-ju](https://github.com/alex-ju)! - Fix checkmark and disabled state on `power-select` style overrides
14
+
3
15
  ## 1.7.1
4
16
 
5
17
  ### Patch Changes
@@ -18,13 +18,12 @@
18
18
  .ember-basic-dropdown-trigger,
19
19
  .ember-power-select-trigger {
20
20
  max-width: 100%;
21
- min-height: 34px;
21
+ min-height: 36px;
22
22
  padding: calc(var(--token-form-control-padding) + 1px);
23
23
  padding-right: calc(var(--token-form-control-padding) + 24px); // extra space for the icon
24
- padding-left: 44px;
25
24
  color: var(--token-form-control-base-foreground-value-color);
26
25
  background-color: var(--token-form-control-base-surface-color-default);
27
- background-image: var(--token-form-select-background-image-data-url), url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
26
+ background-image: var(--token-form-select-background-image-data-url);
28
27
  background-repeat: no-repeat;
29
28
  background-position: right var(--token-form-select-background-image-position-right-x) center, top 8px left 20px;
30
29
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
@@ -53,10 +52,16 @@
53
52
  &[aria-disabled="true"] {
54
53
  color: var(--token-form-control-disabled-foreground-color);
55
54
  background-color: var(--token-form-control-disabled-surface-color);
56
- background-image: var(--token-form-select-background-image-data-url-disabled), url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%238c909c'/%3E%3C/svg%3E");
55
+ background-image: var(--token-form-select-background-image-data-url-disabled);
57
56
  border-color: var(--token-form-control-disabled-border-color);
58
57
  box-shadow: none;
59
58
  cursor: not-allowed;
59
+ opacity: 0.7;
60
+
61
+ .ember-power-select-selected-item {
62
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%238c909c'/%3E%3C/svg%3E");
63
+ opacity: inherit;
64
+ }
60
65
  }
61
66
  }
62
67
 
@@ -142,7 +147,14 @@
142
147
  .ember-power-select-selected-item {
143
148
  display: block;
144
149
  margin-left: 0;
150
+ padding-left: 37px;
151
+ color: var(--token-color-foreground-strong);
145
152
  line-height: normal;
153
+ background-color: inherit;
154
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
155
+ background-repeat: no-repeat;
156
+ background-position: top 0 left 13px;
157
+ background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
146
158
  }
147
159
 
148
160
  .ember-power-select-options {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-components",
3
- "version": "1.7.1",
3
+ "version": "1.7.3",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -47,10 +47,10 @@
47
47
  "ember-cli-sass": "^10.0.1",
48
48
  "ember-composable-helpers": "^4.5.0",
49
49
  "ember-focus-trap": "^1.0.1",
50
- "ember-keyboard": "^8.2.0",
50
+ "ember-keyboard": "^8.1.0",
51
51
  "ember-named-blocks-polyfill": "^0.2.5",
52
52
  "ember-style-modifier": "^0.8.0",
53
- "ember-truth-helpers": "^3.1.1",
53
+ "ember-truth-helpers": "^3.0.0",
54
54
  "sass": "^1.58.3"
55
55
  },
56
56
  "devDependencies": {