@nycds/reset 0.2.0 → 0.2.1-prerelease.1

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 (6) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.org +17 -1
  3. package/dist/reset.css +63 -57
  4. package/package.json +7 -2
  5. package/src/index.css +63 -57
  6. package/postcss.config.js +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @nycds/reset
2
2
 
3
+ ## 0.2.1-prerelease.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 0f06dee: Fix: Reset: Body line-height variable typo
8
+
9
+ ## 0.2.1-prerelease.0
10
+
11
+ ### Patch Changes
12
+
13
+ - aa61601: Limit published files to dist, src and CHANGELOG.md
14
+ - 9915fe7: Fix: Reset: body line-height variable
15
+ - Updated dependencies [aa61601]
16
+ - @nycds/config@0.2.1-prerelease.0
17
+
3
18
  ## 0.2.0
4
19
 
5
20
  ### Minor Changes
package/README.org CHANGED
@@ -1,9 +1,25 @@
1
1
  #+title: Reset
2
2
 
3
- Provides the =.u-reset= class, a CSS reset utility
3
+ A global CSS reset. It applies to elements directly; there is no class
4
+ to add. It:
5
+
6
+ - Sets =box-sizing: border-box= on every element and pseudo-element
7
+ - Removes default margins, padding, borders and native =appearance=
8
+ from common elements
9
+ - Sets the =body= font, weight, line height, text color and
10
+ =accent-color= from the =--nyc-sys-*= design tokens (see
11
+ [[file:../variables/README.org][Variables]])
12
+ - Removes list markers from lists with =role="list"=
13
+ - Makes images block-level and limits them to their container width
14
+ - Makes form controls inherit their font
15
+
16
+ The compiled stylesheet is =dist/reset.css=. It's also included in
17
+ =@nycds/core/style= and =@nycds/core/style/aem=.
4
18
 
5
19
  ** CSS
6
20
 
21
+ This block tangles to =src/index.css=.
22
+
7
23
  #+begin_src css :tangle src/index.css
8
24
  /* :not(:defined) { */
9
25
  /* visibility: hidden */
package/dist/reset.css CHANGED
@@ -1,5 +1,7 @@
1
1
  /* :not(:defined) { */
2
+
2
3
  /* visibility: hidden */
4
+
3
5
  /* } */
4
6
 
5
7
  * {
@@ -18,73 +20,73 @@ html {
18
20
 
19
21
  body {
20
22
  font-family: var(--nyc-sys-font-family-body);
21
- font-feature-settings: var(--nyc-sys-font-features, normal);
22
23
  font-weight: var(--nyc-sys-font-weight, 500);
23
- line-height: var(--nyc-sys-type-line-height);
24
+ font-feature-settings: var(--nyc-sys-font-features, normal);
25
+ line-height: var(--nyc-sys-size-line-height-body);
24
26
  color: var(--nyc-sys-color-text-base);
25
27
  accent-color: var(--nyc-sys-color-accent);
26
28
  }
27
29
 
28
30
  body,
29
31
  :where(
30
- body,
31
- div,
32
- span,
33
- h1,
34
- h2,
35
- h3,
36
- h4,
37
- h5,
38
- h6,
39
- p,
40
- blockquote,
41
- pre,
42
- a,
43
- code,
44
- img,
45
- svg,
46
- small,
47
- strike,
48
- strong,
49
- sub,
50
- sup,
51
- b,
52
- u,
53
- i,
54
- ol,
55
- ul,
56
- li,
57
- form,
58
- label,
59
- table,
60
- caption,
61
- tbody,
62
- tfoot,
63
- thead,
64
- tr,
65
- th,
66
- td,
67
- main,
68
- article,
69
- aside,
70
- canvas,
71
- footer,
72
- header,
73
- nav,
74
- section,
75
- time,
76
- button,
77
- video,
78
- textarea,
79
- input
80
- ) {
32
+ body,
33
+ div,
34
+ span,
35
+ h1,
36
+ h2,
37
+ h3,
38
+ h4,
39
+ h5,
40
+ h6,
41
+ p,
42
+ blockquote,
43
+ pre,
44
+ a,
45
+ code,
46
+ img,
47
+ svg,
48
+ small,
49
+ strike,
50
+ strong,
51
+ sub,
52
+ sup,
53
+ b,
54
+ u,
55
+ i,
56
+ ol,
57
+ ul,
58
+ li,
59
+ form,
60
+ label,
61
+ table,
62
+ caption,
63
+ tbody,
64
+ tfoot,
65
+ thead,
66
+ tr,
67
+ th,
68
+ td,
69
+ main,
70
+ article,
71
+ aside,
72
+ canvas,
73
+ footer,
74
+ header,
75
+ nav,
76
+ section,
77
+ time,
78
+ button,
79
+ video,
80
+ textarea,
81
+ input
82
+ ) {
83
+ box-sizing: border-box;
84
+ padding: 0;
85
+ margin: 0;
81
86
  -webkit-appearance: none;
82
87
  -moz-appearance: none;
83
88
  appearance: none;
84
- box-sizing: border-box;
85
89
  border: 0;
86
- margin: 0;
87
- padding: 0;
88
90
  }
89
91
 
90
92
  :where(ul[role='list'], ol[role='list']) {
@@ -92,8 +94,8 @@ body,
92
94
  }
93
95
 
94
96
  :where(img, picture) {
95
- max-width: 100%;
96
97
  display: block;
98
+ max-width: 100%;
97
99
  }
98
100
 
99
101
  :where(input, button, textarea, select) {
@@ -105,7 +107,11 @@ body,
105
107
  }
106
108
 
107
109
  /* From https://github.com/elad2412/the-new-css-reset */
110
+
108
111
  /* *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { */
112
+
109
113
  /* all: unset; */
114
+
110
115
  /* display: revert; */
116
+
111
117
  /* } */
package/package.json CHANGED
@@ -1,12 +1,17 @@
1
1
  {
2
2
  "name": "@nycds/reset",
3
- "version": "0.2.0",
3
+ "version": "0.2.1-prerelease.1",
4
4
  "type": "module",
5
5
  "main": "src/index.css",
6
6
  "style": "dist/reset.css",
7
7
  "dependencies": {
8
- "@nycds/config": "^0.2.0"
8
+ "@nycds/config": "^0.2.1-prerelease.0"
9
9
  },
10
+ "files": [
11
+ "dist",
12
+ "src",
13
+ "CHANGELOG.md"
14
+ ],
10
15
  "scripts": {
11
16
  "build:css:default": "postcss src/index.css -o dist/reset.css"
12
17
  }
package/src/index.css CHANGED
@@ -1,5 +1,7 @@
1
1
  /* :not(:defined) { */
2
+
2
3
  /* visibility: hidden */
4
+
3
5
  /* } */
4
6
 
5
7
  * {
@@ -17,72 +19,72 @@ html {
17
19
 
18
20
  body {
19
21
  font-family: var(--nyc-sys-font-family-body);
20
- font-feature-settings: var(--nyc-sys-font-features, normal);
21
22
  font-weight: var(--nyc-sys-font-weight, 500);
22
- line-height: var(--nyc-sys-type-line-height);
23
+ font-feature-settings: var(--nyc-sys-font-features, normal);
24
+ line-height: var(--nyc-sys-size-line-height-body);
23
25
  color: var(--nyc-sys-color-text-base);
24
26
  accent-color: var(--nyc-sys-color-accent);
25
27
  }
26
28
 
27
29
  body,
28
30
  :where(
29
- body,
30
- div,
31
- span,
32
- h1,
33
- h2,
34
- h3,
35
- h4,
36
- h5,
37
- h6,
38
- p,
39
- blockquote,
40
- pre,
41
- a,
42
- code,
43
- img,
44
- svg,
45
- small,
46
- strike,
47
- strong,
48
- sub,
49
- sup,
50
- b,
51
- u,
52
- i,
53
- ol,
54
- ul,
55
- li,
56
- form,
57
- label,
58
- table,
59
- caption,
60
- tbody,
61
- tfoot,
62
- thead,
63
- tr,
64
- th,
65
- td,
66
- main,
67
- article,
68
- aside,
69
- canvas,
70
- footer,
71
- header,
72
- nav,
73
- section,
74
- time,
75
- button,
76
- video,
77
- textarea,
78
- input
79
- ) {
31
+ body,
32
+ div,
33
+ span,
34
+ h1,
35
+ h2,
36
+ h3,
37
+ h4,
38
+ h5,
39
+ h6,
40
+ p,
41
+ blockquote,
42
+ pre,
43
+ a,
44
+ code,
45
+ img,
46
+ svg,
47
+ small,
48
+ strike,
49
+ strong,
50
+ sub,
51
+ sup,
52
+ b,
53
+ u,
54
+ i,
55
+ ol,
56
+ ul,
57
+ li,
58
+ form,
59
+ label,
60
+ table,
61
+ caption,
62
+ tbody,
63
+ tfoot,
64
+ thead,
65
+ tr,
66
+ th,
67
+ td,
68
+ main,
69
+ article,
70
+ aside,
71
+ canvas,
72
+ footer,
73
+ header,
74
+ nav,
75
+ section,
76
+ time,
77
+ button,
78
+ video,
79
+ textarea,
80
+ input
81
+ ) {
82
+ box-sizing: border-box;
83
+ padding: 0;
84
+ margin: 0;
80
85
  -webkit-appearance: none;
81
86
  appearance: none;
82
- box-sizing: border-box;
83
87
  border: 0;
84
- margin: 0;
85
- padding: 0;
86
88
  }
87
89
 
88
90
  :where(ul[role='list'], ol[role='list']) {
@@ -90,8 +92,8 @@ body,
90
92
  }
91
93
 
92
94
  :where(img, picture) {
93
- max-inline-size: 100%;
94
95
  display: block;
96
+ max-inline-size: 100%;
95
97
  }
96
98
 
97
99
  :where(input, button, textarea, select) {
@@ -102,7 +104,11 @@ body,
102
104
  }
103
105
 
104
106
  /* From https://github.com/elad2412/the-new-css-reset */
107
+
105
108
  /* *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { */
109
+
106
110
  /* all: unset; */
111
+
107
112
  /* display: revert; */
113
+
108
114
  /* } */
package/postcss.config.js DELETED
@@ -1 +0,0 @@
1
- export { default } from '@nycds/config'