@hashicorp/design-system-components 1.7.0 → 1.7.2

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.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#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
8
+
9
+ ## 1.7.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#1232](https://github.com/hashicorp/design-system/pull/1232) [`9d1a73da3`](https://github.com/hashicorp/design-system/commit/9d1a73da3621c1a1ad32736c79ac7b4af6162b05) Thanks [@alex-ju](https://github.com/alex-ju)! - Make `ember-body-class` a dev dependency
14
+
3
15
  ## 1.7.0
4
16
 
5
17
  ### Minor 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.0",
3
+ "version": "1.7.2",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -41,7 +41,6 @@
41
41
  "@hashicorp/ember-flight-icons": "^3.0.2",
42
42
  "dialog-polyfill": "^0.5.6",
43
43
  "ember-auto-import": "^2.6.0",
44
- "ember-body-class": "^3.0.0",
45
44
  "ember-cached-decorator-polyfill": "^0.1.4",
46
45
  "ember-cli-babel": "^7.26.11",
47
46
  "ember-cli-htmlbars": "^6.2.0",
@@ -66,6 +65,7 @@
66
65
  "babel-eslint": "^10.1.0",
67
66
  "broccoli-asset-rev": "^3.0.0",
68
67
  "ember-a11y-testing": "^5.2.0",
68
+ "ember-body-class": "^3.0.0",
69
69
  "ember-cli": "~4.10.0",
70
70
  "ember-cli-clipboard": "^1.0.0",
71
71
  "ember-cli-dependency-checker": "^3.3.1",