@department-of-veterans-affairs/css-library 0.5.1 → 0.6.0-beta.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 +3 -3
  3. package/dist/tokens/json/variables.json +17 -17
  4. package/dist/tokens/scss/variables.scss +3 -3
  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}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}
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:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:.9375rem}h6{font-size:.9375rem}@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,12 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Mar 2024 15:03:46 GMT
3
+ * Generated on Tue, 09 Apr 2024 14:41:04 GMT
4
4
  */
5
5
 
6
6
  :root {
7
7
  --xsmall-screen: 320px;
8
8
  --small-screen: 481px;
9
- --medium-screen: 640px;
9
+ --medium-mobile: 640px;
10
+ --medium-screen: 768px;
10
11
  --small-desktop-screen: 1008px;
11
12
  --large-screen: 1201px;
12
13
  --color-link-default-hover: rgba(#000000, 0.05);
@@ -249,5 +250,4 @@
249
250
  --uswds-system-color-yellow-vivid-20: #face00;
250
251
  --uswds-system-color-indigo-cool-60: #3f57a6;
251
252
  --uswds-system-color-mint-cool-50: #40807e;
252
- --uswds-system-color-red-cool-10v: #f8dfe2;
253
253
  }
package/dist/tokens/json/variables.json CHANGED
@@ -29,13 +29,28 @@
29
29
  "small-screen"
30
30
  ]
31
31
  },
32
- "medium-screen": {
32
+ "medium-mobile": {
33
33
  "value": "640px",
34
34
  "filePath": "tokens/breakpoints.json",
35
35
  "isSource": true,
36
36
  "original": {
37
37
  "value": "640px"
38
38
  },
39
+ "name": "medium-mobile",
40
+ "attributes": {
41
+ "category": "medium-mobile"
42
+ },
43
+ "path": [
44
+ "medium-mobile"
45
+ ]
46
+ },
47
+ "medium-screen": {
48
+ "value": "768px",
49
+ "filePath": "tokens/breakpoints.json",
50
+ "isSource": true,
51
+ "original": {
52
+ "value": "768px"
53
+ },
39
54
  "name": "medium-screen",
40
55
  "attributes": {
41
56
  "category": "medium-screen"
@@ -1313,7 +1328,7 @@
1313
1328
  "filePath": "tokens/color.json",
1314
1329
  "isSource": true,
1315
1330
  "original": {
1316
- "value": "{uswds-system-color-red-cool-10v}"
1331
+ "value": "{uswds-system-color-red-cool-vivid-10}"
1317
1332
  },
1318
1333
  "name": "vads-color-secondary-lightest",
1319
1334
  "attributes": {
@@ -4177,20 +4192,5 @@
4177
4192
  "path": [
4178
4193
  "uswds-system-color-mint-cool-50"
4179
4194
  ]
4180
- },
4181
- "uswds-system-color-red-cool-10v": {
4182
- "value": "#f8dfe2",
4183
- "filePath": "tokens/uswds.json",
4184
- "isSource": true,
4185
- "original": {
4186
- "value": "#f8dfe2"
4187
- },
4188
- "name": "uswds-system-color-red-cool-10v",
4189
- "attributes": {
4190
- "category": "uswds-system-color-red-cool-10v"
4191
- },
4192
- "path": [
4193
- "uswds-system-color-red-cool-10v"
4194
- ]
4195
4195
  }
4196
4196
  }
package/dist/tokens/scss/variables.scss CHANGED
@@ -1,10 +1,11 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 19 Mar 2024 15:03:46 GMT
3
+ // Generated on Tue, 09 Apr 2024 14:41:04 GMT
4
4
 
5
5
  $xsmall-screen: 320px;
6
6
  $small-screen: 481px;
7
- $medium-screen: 640px;
7
+ $medium-mobile: 640px;
8
+ $medium-screen: 768px;
8
9
  $small-desktop-screen: 1008px;
9
10
  $large-screen: 1201px;
10
11
  $color-link-default-hover: rgba(#000000, 0.05);
@@ -247,4 +248,3 @@ $uswds-system-color-yellow-vivid-10: #fee685;
247
248
  $uswds-system-color-yellow-vivid-20: #face00;
248
249
  $uswds-system-color-indigo-cool-60: #3f57a6;
249
250
  $uswds-system-color-mint-cool-50: #40807e;
250
- $uswds-system-color-red-cool-10v: #f8dfe2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@department-of-veterans-affairs/css-library",
3
- "version": "0.5.1",
3
+ "version": "0.6.0-beta.0",
4
4
  "packageManager": "yarn@3.2.0",
5
5
  "files": [
6
6
  "dist/**/*.css",
@@ -22,4 +22,4 @@
22
22
  "dependencies": {
23
23
  "@divriots/style-dictionary-to-figma": "^0.4.0"
24
24
  }
25
- }
25
+ }