@department-of-veterans-affairs/css-library 0.3.1 → 0.5.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 (5) hide show
  1. package/dist/elements.css +1 -1
  2. package/dist/tokens/css/variables.css +4 -1
  3. package/dist/tokens/json/variables.json +45 -0
  4. package/dist/tokens/scss/variables.scss +4 -1
  5. package/package.json +2 -2
package/dist/elements.css CHANGED
@@ -1 +1 @@
1
- /*! This is intentionally left empty for now */html,body{padding:0;margin:0}html{font-weight:500}body{background:#fff;color:#1b1b1b}article>h1{margin-top:0}hr{margin:2.5em 0;margin:48px 0 40px;border:1px solid #a9aeb1}#content abbr{border-bottom:0px;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;cursor:pointer}a{color:#005ea2;text-decoration:underline;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color,background-color,border-color;transition-property:color,background-color,border-color}a:hover{background-color:rgba(0,0,0,.05);color:inherit;text-decoration:underline}a:active{background:rgba(0,0,0,.05)}a:visited,a:visited abbr{color:#54278f}h1{margin-top:0}h6{margin:.5em 0 0;text-transform:none;font-weight:700}ul{padding:0 0 0 1.5em;list-style:square}ol{margin:0 0 0 1.25em;list-style-position:outside}ul>ul,ul ol,ol>ul,ol ol{margin:.5em 0 .5em 1.2em}dd{margin-left:0}dd+dt{margin-top:1.5em}figure{font-size:.85em;margin-left:-15px;margin-right:-15px}@media screen and (min-width: 1201px),print and (min-width: 1201px){figure{margin-left:-16.66667%;margin-right:-16.66667%}}figcaption{color:#162e51}input::-webkit-input-placeholder{color:#565c65}input::-moz-placeholder{color:#565c65}input:-ms-input-placeholder{color:#565c65}input:focus::-webkit-input-placeholder{color:rgba(0,0,0,0)}input:focus::-moz-placeholder{color:rgba(0,0,0,0)}input:focus:-ms-input-placeholder{color:rgba(0,0,0,0)}@media(max-width: 481px){h1{font-size:30px}h2{font-size:24px}}.va-notice--banner p{margin:0}.va-notice--banner a{background-image:none;color:inherit;padding:0}
1
+ /*! This is intentionally left empty for now */html,body{padding:0;margin:0}html{font-weight:500}body{background:#fff;color:#1b1b1b}article>h1{margin-top:0}hr{margin:2.5em 0;margin:48px 0 40px;border:1px solid #a9aeb1}#content abbr{border-bottom:0px;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;cursor:pointer}a{color:#005ea2;text-decoration:underline;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color,background-color,border-color;transition-property:color,background-color,border-color}a:hover{background-color:rgba(0,0,0,.05);color:inherit;text-decoration:underline}a:active{background:rgba(0,0,0,.05)}a:visited,a:visited abbr{color:#54278f}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:.87rem;line-height:1.1;font-weight:normal;letter-spacing:.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif;font-weight:700}h6{font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:700}h1{margin-top:0;font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1.7rem}h5{font-size:1.5rem}h6{font-size:1.5rem}@media(max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:.5em 0 0;text-transform:none;font-weight:700}ul{padding:0 0 0 1.5em;list-style:square}ol{margin:0 0 0 1.25em;list-style-position:outside}ul>ul,ul ol,ol>ul,ol ol{margin:.5em 0 .5em 1.2em}dd{margin-left:0}dd+dt{margin-top:1.5em}figure{font-size:.85em;margin-left:-15px;margin-right:-15px}@media screen and (min-width: 1201px),print and (min-width: 1201px){figure{margin-left:-16.66667%;margin-right:-16.66667%}}figcaption{color:#162e51}input::-webkit-input-placeholder{color:#565c65}input::-moz-placeholder{color:#565c65}input:-ms-input-placeholder{color:#565c65}input:focus::-webkit-input-placeholder{color:rgba(0,0,0,0)}input:focus::-moz-placeholder{color:rgba(0,0,0,0)}input:focus:-ms-input-placeholder{color:rgba(0,0,0,0)}.va-notice--banner p{margin:0}.va-notice--banner a{background-image:none;color:inherit;padding:0}
package/dist/tokens/css/variables.css CHANGED
@@ -1,10 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 30 Jan 2024 21:45:27 GMT
3
+ * Generated on Wed, 06 Mar 2024 16:15:18 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --xsmall-screen: 320px;
7
8
  --small-screen: 481px;
9
+ --medium-screen: 640px;
10
+ --small-desktop-screen: 1008px;
8
11
  --large-screen: 1201px;
9
12
  --color-base: #1b1b1b;
10
13
  --color-white: #ffffff;
package/dist/tokens/json/variables.json CHANGED
@@ -1,4 +1,19 @@
1
1
  {
2
+ "xsmall-screen": {
3
+ "value": "320px",
4
+ "filePath": "tokens/breakpoints.json",
5
+ "isSource": true,
6
+ "original": {
7
+ "value": "320px"
8
+ },
9
+ "name": "xsmall-screen",
10
+ "attributes": {
11
+ "category": "xsmall-screen"
12
+ },
13
+ "path": [
14
+ "xsmall-screen"
15
+ ]
16
+ },
2
17
  "small-screen": {
3
18
  "value": "481px",
4
19
  "filePath": "tokens/breakpoints.json",
@@ -14,6 +29,36 @@
14
29
  "small-screen"
15
30
  ]
16
31
  },
32
+ "medium-screen": {
33
+ "value": "640px",
34
+ "filePath": "tokens/breakpoints.json",
35
+ "isSource": true,
36
+ "original": {
37
+ "value": "640px"
38
+ },
39
+ "name": "medium-screen",
40
+ "attributes": {
41
+ "category": "medium-screen"
42
+ },
43
+ "path": [
44
+ "medium-screen"
45
+ ]
46
+ },
47
+ "small-desktop-screen": {
48
+ "value": "1008px",
49
+ "filePath": "tokens/breakpoints.json",
50
+ "isSource": true,
51
+ "original": {
52
+ "value": "1008px"
53
+ },
54
+ "name": "small-desktop-screen",
55
+ "attributes": {
56
+ "category": "small-desktop-screen"
57
+ },
58
+ "path": [
59
+ "small-desktop-screen"
60
+ ]
61
+ },
17
62
  "large-screen": {
18
63
  "value": "1201px",
19
64
  "filePath": "tokens/breakpoints.json",
package/dist/tokens/scss/variables.scss CHANGED
@@ -1,8 +1,11 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 30 Jan 2024 21:45:27 GMT
3
+ // Generated on Wed, 06 Mar 2024 16:15:18 GMT
4
4
 
5
+ $xsmall-screen: 320px;
5
6
  $small-screen: 481px;
7
+ $medium-screen: 640px;
8
+ $small-desktop-screen: 1008px;
6
9
  $large-screen: 1201px;
7
10
  $color-base: #1b1b1b;
8
11
  $color-white: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@department-of-veterans-affairs/css-library",
3
- "version": "0.3.1",
3
+ "version": "0.5.0",
4
4
  "packageManager": "yarn@3.2.0",
5
5
  "files": [
6
6
  "dist/**/*.css",
@@ -15,7 +15,7 @@
15
15
  "copy": "node ./copy-uswds-color-tokens.js"
16
16
  },
17
17
  "devDependencies": {
18
- "@uswds/uswds": "^3.5.0",
18
+ "@uswds/uswds": "^3.7.1",
19
19
  "sass": "^1.64.1",
20
20
  "style-dictionary": "^3.8.0"
21
21
  },