qpp-style 9.13.0 → 9.13.4

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.
Files changed (17) hide show
  1. package/components/SideNav/Content/LevelOneContent.jsx +1 -1
  2. package/dist/browser.js +1 -1
  3. package/dist/browser.js.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/react/index.js +1 -1
  7. package/dist/react/index.js.map +1 -1
  8. package/images/icons/svg/calendar.svg +1 -1
  9. package/images/icons/svg/dropdown-arrow.svg +1 -0
  10. package/images/icons/svg/file-upload.svg +1 -1
  11. package/images/icons/svg/search.svg +1 -7
  12. package/images/icons/svg/tooltip-question.svg +1 -6
  13. package/package.json +15 -16
  14. package/styles/qppds/base/_typography.scss +1 -1
  15. package/styles/qppds/components/_button.scss +3 -2
  16. package/styles/qppds/components/_text-input.scss +1 -1
  17. package/styles/qppds/utilities/_color.scss +4 -0
package/images/icons/svg/calendar.svg CHANGED
@@ -1 +1 @@
1
- <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.167 8.8H8v4h4.167v-4zM11.333 0v1.6H4.667V0H3v1.6h-.833c-.925 0-1.659.72-1.659 1.6L.5 14.4c0 .88.742 1.6 1.667 1.6h11.666c.917 0 1.667-.72 1.667-1.6V3.2c0-.88-.75-1.6-1.667-1.6H13V0h-1.667zm2.5 14.4H2.167V5.6h11.666v8.8z" fill-rule="nonzero"/></svg>
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.167 8.8H8v4h4.167v-4zM11.333 0v1.6H4.667V0H3v1.6h-.833c-.925 0-1.659.72-1.659 1.6L.5 14.4c0 .88.742 1.6 1.667 1.6h11.666c.917 0 1.667-.72 1.667-1.6V3.2c0-.88-.75-1.6-1.667-1.6H13V0h-1.667zm2.5 14.4H2.167V5.6h11.666v8.8z"/></svg>
package/images/icons/svg/dropdown-arrow.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="-2 -3 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M10.232 7.64a1 1 0 1 0 1.536-1.28l-5-6a1 1 0 0 0-1.536 0l-5 6a1 1 0 0 0 1.536 1.28L6 2.562l4.232 5.078Z"/></svg>
package/images/icons/svg/file-upload.svg CHANGED
@@ -1 +1 @@
1
- <svg viewBox="0 0 50 50" ="http://www.w3.org/2000/svg"><g transform="translate(1 1)" stroke-width="2" fill="none" fill-rule="evenodd"><circle stroke="#CCC" cx="22.5" cy="22.5" r="22.5"/><path d="M22.259 14.341v16.98m6.731-11.318L22.21 12.8l-6.412 7.204" stroke="#0073C8" stroke-linecap="square"/></g></svg>
1
+ <svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" stroke-width="2" fill="none" fill-rule="evenodd"><circle stroke="#CCC" cx="22.5" cy="22.5" r="22.5"/><path d="M22.259 14.341v16.98m6.731-11.318L22.21 12.8l-6.412 7.204" stroke="#0073C8" stroke-linecap="square"/></g></svg>
package/images/icons/svg/search.svg CHANGED
@@ -1,7 +1 @@
1
- <svg viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg">
2
- <g transform="translate(1 1)" stroke="#717171" stroke-width="2" fill="none" fill-rule="evenodd"
3
- stroke-linecap="round" stroke-linejoin="round">
4
- <circle cx="5.988" cy="5.988" r="5.988" />
5
- <path d="m13.474 15.233-3.256-3.256" />
6
- </g>
7
- </svg>
1
+ <svg viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" stroke="#717171" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><circle cx="5.988" cy="5.988" r="5.988"/><path d="m13.474 15.233-3.256-3.256"/></g></svg>
package/images/icons/svg/tooltip-question.svg CHANGED
@@ -1,6 +1 @@
1
- <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z" />
3
- <path
4
- d="M6.045 8.535c.246 0 .474.153.474.4v.3c0 .248-.228.4-.474.4-.246 0-.475-.152-.475-.4v-.3c0-.247.229-.4.475-.4zM6.07 2.5c1.098.015 2.004.878 2.02 1.933a1.933 1.933 0 0 1-.942 1.679 1.365 1.365 0 0 0-.629 1.162v.608c0 .259-.215.464-.474.464a.469.469 0 0 1-.475-.464v-.608c0-.805.401-1.535 1.072-1.947.32-.196.504-.525.499-.881-.008-.538-.504-1.01-1.083-1.018a1.11 1.11 0 0 0-.787.301.995.995 0 0 0-.322.732c0 .259-.215.463-.475.463A.469.469 0 0 1 4 4.461c0-.531.219-1.03.613-1.4A2.077 2.077 0 0 1 6.06 2.5h.01z"
5
- fill="#FFF" />
6
- </svg>
1
+ <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"/><path d="M6.045 8.535c.246 0 .474.153.474.4v.3c0 .248-.228.4-.474.4-.246 0-.475-.152-.475-.4v-.3c0-.247.229-.4.475-.4zM6.07 2.5c1.098.015 2.004.878 2.02 1.933a1.933 1.933 0 0 1-.942 1.679 1.365 1.365 0 0 0-.629 1.162v.608a.47.47 0 0 1-.474.464.469.469 0 0 1-.475-.464v-.608c0-.805.401-1.535 1.072-1.947.32-.196.504-.525.499-.881-.008-.538-.504-1.01-1.083-1.018a1.11 1.11 0 0 0-.787.301.995.995 0 0 0-.322.732.468.468 0 0 1-.475.463A.469.469 0 0 1 4 4.461c0-.531.219-1.03.613-1.4A2.077 2.077 0 0 1 6.06 2.5h.01z" fill="#FFF"/></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qpp-style",
3
- "version": "9.13.0",
3
+ "version": "9.13.4",
4
4
  "description": "Shared style guide across the QPP program.",
5
5
  "main": "dist/index.js",
6
6
  "homepage": "https://cmsgov.github.io/qpp-style",
@@ -25,21 +25,21 @@
25
25
  },
26
26
  "devDependencies": {
27
27
  "@babel/cli": "^7.16.8",
28
- "@babel/core": "^7.16.7",
29
- "@babel/preset-env": "^7.16.8",
28
+ "@babel/core": "^7.16.12",
29
+ "@babel/preset-env": "^7.16.11",
30
30
  "@babel/preset-react": "^7.16.7",
31
31
  "@babel/register": "^7.16.9",
32
- "@storybook/addon-a11y": "^6.4.13",
33
- "@storybook/addon-actions": "^6.4.13",
34
- "@storybook/addon-backgrounds": "^6.4.13",
35
- "@storybook/addon-docs": "^6.4.13",
32
+ "@storybook/addon-a11y": "^6.4.17",
33
+ "@storybook/addon-actions": "^6.4.17",
34
+ "@storybook/addon-backgrounds": "^6.4.17",
35
+ "@storybook/addon-docs": "^6.4.17",
36
36
  "@storybook/addon-knobs": "^6.4.0",
37
- "@storybook/addon-links": "^6.4.13",
37
+ "@storybook/addon-links": "^6.4.17",
38
38
  "@storybook/addon-postcss": "^2.0.0",
39
- "@storybook/addon-storysource": "^6.4.13",
40
- "@storybook/addon-viewport": "^6.4.13",
41
- "@storybook/addons": "^6.4.13",
42
- "@storybook/react": "^6.4.13",
39
+ "@storybook/addon-storysource": "^6.4.17",
40
+ "@storybook/addon-viewport": "^6.4.17",
41
+ "@storybook/addons": "^6.4.17",
42
+ "@storybook/react": "^6.4.17",
43
43
  "@testing-library/react": "^12.1.2",
44
44
  "autoprefixer": "^10.4.2",
45
45
  "babel-eslint": "^10.1.0",
@@ -47,7 +47,7 @@
47
47
  "babel-loader": "^8.2.3",
48
48
  "babel-plugin-transform-class-properties": "^6.24.1",
49
49
  "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
50
- "chai": "^4.3.4",
50
+ "chai": "^4.3.6",
51
51
  "copy-webpack-plugin": "^5.1.2",
52
52
  "css-loader": "^3.6.0",
53
53
  "enzyme": "^3.11.0",
@@ -67,7 +67,6 @@
67
67
  "mini-css-extract-plugin": "^0.11.3",
68
68
  "moxios": "^0.4.0",
69
69
  "node-fetch": "^2.6.7",
70
- "node-sass": "^6.0.1",
71
70
  "prettier": "^2.5.1",
72
71
  "raw-loader": "^4.0.2",
73
72
  "react": "^17.0.2",
@@ -76,7 +75,7 @@
76
75
  "react-test-renderer": "^17.0.2",
77
76
  "regenerator-runtime": "^0.13.9",
78
77
  "rimraf": "^3.0.2",
79
- "sass": "^1.48.0",
78
+ "sass": "^1.49.0",
80
79
  "sass-loader": "^10.2.1",
81
80
  "sinon": "^12.0.1",
82
81
  "style-loader": "^1.3.0",
@@ -114,7 +113,7 @@
114
113
  "d3-selection": "^1.4.2",
115
114
  "d3-shape": "^1.3.7",
116
115
  "jwt-decode": "^3.1.2",
117
- "preact": "^10.6.4",
116
+ "preact": "^10.6.5",
118
117
  "prop-types": "^15.8.1",
119
118
  "react-modal": "^3.14.4",
120
119
  "retry": "^0.13.1",
package/styles/qppds/base/_typography.scss CHANGED
@@ -71,7 +71,7 @@
71
71
  }
72
72
 
73
73
  .qpp-error-message {
74
- color: $red-60;
74
+ color: $red-50;
75
75
  display: block;
76
76
  font-size: $font-size-14;
77
77
  font-weight: 400;
package/styles/qppds/components/_button.scss CHANGED
@@ -173,8 +173,8 @@
173
173
  // Danger / Destructive Button
174
174
  &.qpp-c-button--danger {
175
175
  background-color: transparent;
176
- border: 1px solid $red-60;
177
- color: $red-60;
176
+ border: 1px solid $red-50;
177
+ color: $red-50;
178
178
  font-size: $font-size-14;
179
179
 
180
180
  &:disabled,
@@ -187,6 +187,7 @@
187
187
  &:hover,
188
188
  &.qpp-c-button--hover {
189
189
  background-color: fade-out($red-50, 0.9);
190
+ color: $red-60;
190
191
  }
191
192
 
192
193
  &:active,
package/styles/qppds/components/_text-input.scss CHANGED
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  &.qpp-c-text-input--error {
32
- border: 1px solid $red-60;
32
+ border: 1px solid $red-50;
33
33
 
34
34
  &:focus,
35
35
  &.qpp-c-button--focus {
package/styles/qppds/utilities/_color.scss CHANGED
@@ -25,6 +25,10 @@
25
25
  color: $blue-70 !important;
26
26
  }
27
27
 
28
+ .qpp-u-color--red-50 {
29
+ color: $red-50 !important;
30
+ }
31
+
28
32
  .qpp-u-color--red-60 {
29
33
  color: $red-60 !important;
30
34
  }