qpp-design-system 0.0.1 → 0.1.0

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 (2) hide show
  1. package/dist/styles/qpp-theme.css +25 -24
  2. package/package.json +36 -32
package/dist/styles/qpp-theme.css CHANGED
@@ -49,7 +49,8 @@
49
49
  --color-transparent-white-alpha25: #ffffff40;
50
50
  --color-background: #ffffff;
51
51
  --color-background-inverse: #004D99;
52
- --color-base: #262626;
52
+ /* --color-base: #262626; */
53
+ --color-base: #036;
53
54
  --color-base-inverse: #ffffff;
54
55
  --color-border: #d9d9d9;
55
56
  --color-border-dark: #0f1e38;
@@ -201,7 +202,7 @@
201
202
  --button__background-color: var(--color-transparent);
202
203
  --button__background-color--active: var(--color-primary-lightest);
203
204
  --button__background-color--hover: var(--color-primary-darker);
204
- --button__background-color--disabled: var(--color-gray-lightest);
205
+ --button__background-color--disabled: var(--color-white);
205
206
  --button__border-color: var(--color-primary);
206
207
  --button__border-color--active: var(--color-primary);
207
208
  --button__border-color--hover: var(--color-primary-darker);
@@ -213,16 +214,16 @@
213
214
  --button__color--hover: var(--color-white);
214
215
  --button__color--disabled: var(--color-gray-dark);
215
216
  --button-alt__background-color: var(--color-transparent);
216
- --button-alt__background-color--active: var(--color-gray-lighter);
217
- --button-alt__background-color--hover: var(--color-primary-darker);
217
+ --button-alt__background-color--active: var(--color-secondary);
218
+ --button-alt__background-color--hover: var(--color-secondary);
218
219
  --button-alt__background-color--disabled: var(--color-transparent);
219
- --button-alt__border-color: var(--color-primary);
220
- --button-alt__border-color--active: var(--color-primary-darkest);
221
- --button-alt__border-color--hover: var(--color-primary-darker);
220
+ --button-alt__border-color: var(--color-secondary);
221
+ --button-alt__border-color--active: var(--color-secondary);
222
+ --button-alt__border-color--hover: var(--color-secondary);
222
223
  --button-alt__border-color--disabled: var(--color-gray-lighter);
223
- --button-alt__color: var(--color-primary);
224
+ --button-alt__color: var(--color-secondary);
224
225
  --button-alt__color--active: var(--color-primary-darkest);
225
- --button-alt__color--hover: var(--color-primary-darker);
226
+ --button-alt__color--hover: var(--color-white);
226
227
  --button-alt__color--disabled: var(--color-gray-lighter);
227
228
  --button-dark__background-color: var(--color-transparent);
228
229
  --button-dark__background-color--active: var(--color-transparent);
@@ -260,17 +261,17 @@
260
261
  --button-solid__color--active: var(--color-white);
261
262
  --button-solid__color--hover: var(--color-white);
262
263
  --button-solid__color--disabled: var(--color-gray-dark);
263
- --button-solid-alt__background-color: var(--color-primary);
264
- --button-solid-alt__background-color--active: var(--color-primary-lightest);
265
- --button-solid-alt__background-color--hover: var(--color-primary-darker);
264
+ --button-solid-alt__background-color: var(--color-secondary);
265
+ --button-solid-alt__background-color--active: var(--color-secondary-darker);
266
+ --button-solid-alt__background-color--hover: var(--color-secondary-darker);
266
267
  --button-solid-alt__background-color--disabled: var(--color-gray-lightest);
267
- --button-solid-alt__border-color: var(--color-primary);
268
- --button-solid-alt__border-color--active: var(--color-primary);
269
- --button-solid-alt__border-color--hover: var(--color-primary);
268
+ --button-solid-alt__border-color: var(--color-secondary);
269
+ --button-solid-alt__border-color--active: var(--color-secondary-darker);
270
+ --button-solid-alt__border-color--hover: var(--color-secondary-darker);
270
271
  --button-solid-alt__border-color--disabled: var(--color-gray-lighter);
271
272
  --button-solid-alt__color: var(--color-white);
272
- --button-solid-alt__color--active: var(--color-primary);
273
- --button-solid-alt__color--hover: var(--color-primary);
273
+ --button-solid-alt__color--active: var(--color-white);
274
+ --button-solid-alt__color--hover: var(--color-white);
274
275
  --button-solid-alt__color--disabled: var(--color-gray-dark);
275
276
  --button-solid-dark__background-color: var(--color-white);
276
277
  --button-solid-dark__background-color--active: var(--color-gray-lighter);
@@ -300,27 +301,27 @@
300
301
  --button-solid-dark-alt__color--disabled: var(--color-base);
301
302
  --button-ghost__background-color: var(--color-transparent);
302
303
  --button-ghost__background-color--active: var(--color-transparent);
303
- --button-ghost__background-color--hover: var(--color-primary-darker);
304
+ --button-ghost__background-color--hover: var(--color-transparent);
304
305
  --button-ghost__background-color--disabled: var(--color-transparent);
305
306
  --button-ghost__border-color: var(--color-transparent);
306
307
  --button-ghost__border-color--active: var(--color-transparent);
307
308
  --button-ghost__border-color--hover: var(--color-transparent);
308
309
  --button-ghost__border-color--disabled: var(--color-transparent);
309
310
  --button-ghost__color: var(--color-primary);
310
- --button-ghost__color--active: var(--color-primary);
311
- --button-ghost__color--hover: var(--color-primary);
311
+ --button-ghost__color--active: var(--color-primary-darkest);
312
+ --button-ghost__color--hover: var(--color-primary-darkest);
312
313
  --button-ghost__color--disabled: var(--color-gray-dark);
313
314
  --button-ghost-alt__background-color: var(--color-transparent);
314
315
  --button-ghost-alt__background-color--active: var(--color-transparent);
315
- --button-ghost-alt__background-color--hover: var(--color-primary-darker);
316
+ --button-ghost-alt__background-color--hover: var(--color-transparent);
316
317
  --button-ghost-alt__background-color--disabled: var(--color-transparent);
317
318
  --button-ghost-alt__border-color: var(--color-transparent);
318
319
  --button-ghost-alt__border-color--active: var(--color-transparent);
319
320
  --button-ghost-alt__border-color--hover: var(--color-transparent);
320
321
  --button-ghost-alt__border-color--disabled: var(--color-transparent);
321
- --button-ghost-alt__color: var(--color-primary);
322
- --button-ghost-alt__color--active: var(--color-primary);
323
- --button-ghost-alt__color--hover: var(--color-primary);
322
+ --button-ghost-alt__color: var(--color-secondary);
323
+ --button-ghost-alt__color--active: var(--color-secondary-darkest);
324
+ --button-ghost-alt__color--hover: var(--color-secondary-darkest);
324
325
  --button-ghost-alt__color--disabled: var(--color-gray-dark);
325
326
  --button-ghost-dark__background-color: var(--color-transparent);
326
327
  --button-ghost-dark__background-color--active: var(--color-transparent);
package/package.json CHANGED
@@ -1,55 +1,59 @@
1
1
  {
2
2
  "name": "qpp-design-system",
3
- "version": "0.0.1",
3
+ "version": "0.1.0",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "QPP Design System",
7
- "sideEffects": ["**/*.css"],
7
+ "sideEffects": [
8
+ "**/*.css"
9
+ ],
8
10
  "publishConfig": {
9
- "access": "public",
10
- "tag": "latest"
11
+ "access": "public",
12
+ "tag": "latest"
11
13
  },
12
14
  "license": "SEE LICENSE IN LICENSE.md",
13
15
  "repository": {
14
- "type": "git",
15
- "url": "https://github.com/CMSgov/qpp-design-system",
16
- "directory": "packages/design-system"
16
+ "type": "git",
17
+ "url": "https://github.com/CMSgov/qpp-design-system",
18
+ "directory": "packages/design-system"
17
19
  },
18
20
  "dependencies": {
19
- "@cmsgov/ds-cms-gov": "13.2.0"
21
+ "@cmsgov/ds-cms-gov": "13.2.0"
20
22
  },
21
23
  "peerDependencies": {
22
- "react": ">=17.0.0",
23
- "react-dom": ">=17.0.0"
24
+ "react": ">=17.0.0",
25
+ "react-dom": ">=17.0.0"
24
26
  },
25
27
  "main": "./dist/index.cjs",
26
28
  "module": "./dist/index.js",
27
29
  "types": "./dist/index.d.ts",
28
30
  "exports": {
29
- ".": {
30
- "types": "./dist/index.d.ts",
31
- "import": "./dist/index.js",
32
- "require": "./dist/index.cjs"
33
- },
34
- "./styles": "./dist/styles/index.css",
35
- "./styles.css": "./dist/styles/index.css",
36
- "./theme": "./dist/styles/qpp-theme.css",
37
- "./theme.css": "./dist/styles/qpp-theme.css",
38
- "./web-components": {
39
- "import": "./dist/web-components.js",
40
- "require": "./dist/web-components.cjs"
41
- }
31
+ ".": {
32
+ "types": "./dist/index.d.ts",
33
+ "import": "./dist/index.js",
34
+ "require": "./dist/index.cjs"
35
+ },
36
+ "./styles": "./dist/styles/index.css",
37
+ "./styles.css": "./dist/styles/index.css",
38
+ "./theme": "./dist/styles/qpp-theme.css",
39
+ "./theme.css": "./dist/styles/qpp-theme.css",
40
+ "./web-components": {
41
+ "import": "./dist/web-components.js",
42
+ "require": "./dist/web-components.cjs"
43
+ }
42
44
  },
43
- "files": ["dist"],
45
+ "files": [
46
+ "dist"
47
+ ],
44
48
  "scripts": {
45
- "clean": "rm -rf dist",
46
- "build": "npm run clean && npm run build:js && npm run build:css",
47
- "build:js": "tsc -p tsconfig.build.json && node ./scripts/make-cjs.cjs",
48
- "build:css": "mkdir -p dist/styles && cp src/styles/index.css dist/styles/index.css && cp src/styles/qpp-theme.css dist/styles/qpp-theme.css",
49
- "prepublishOnly": "npm run build",
50
- "lint": "echo \"(todo) add eslint\""
49
+ "clean": "rm -rf dist",
50
+ "build": "npm run clean && npm run build:js && npm run build:css",
51
+ "build:js": "tsc -p tsconfig.build.json && node ./scripts/make-cjs.cjs",
52
+ "build:css": "mkdir -p dist/styles && cp src/styles/index.css dist/styles/index.css && cp src/styles/qpp-theme.css dist/styles/qpp-theme.css",
53
+ "prepublishOnly": "npm run build",
54
+ "lint": "echo \"(todo) add eslint\""
51
55
  },
52
56
  "devDependencies": {
53
- "typescript": "^5.4.0"
57
+ "typescript": "^5.4.0"
54
58
  }
55
- }
59
+ }