@keenmate/pure-css 1.0.0-rc07 → 1.0.0-rc08

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 (20) hide show
  1. package/CHANGELOG.md +491 -411
  2. package/README.md +184 -150
  3. package/dist/css/base.css +133 -67
  4. package/dist/css/component-reset.css +27 -0
  5. package/dist/css/pure-css.css +153 -75
  6. package/package.json +83 -81
  7. package/src/js/fit.js +5 -2
  8. package/src/scss/_base-css-variables.scss +429 -655
  9. package/src/scss/_layout-container.scss +168 -168
  10. package/src/scss/_navbar-elements.scss +10 -1
  11. package/src/scss/_sidebar-states.scss +2 -2
  12. package/src/scss/_sidebar.scss +443 -428
  13. package/src/scss/component-reset.scss +65 -0
  14. package/src/scss/reboot.scss +134 -134
  15. package/src/scss/scrollbars.scss +48 -48
  16. package/src/scss/variables/_base.scss +368 -256
  17. package/src/scss/variables/_colors.scss +208 -237
  18. package/src/scss/variables/_index.scss +27 -23
  19. package/src/scss/variables/_system.scss +19 -23
  20. package/src/scss/variables/_components.scss +0 -840
package/package.json CHANGED
@@ -1,81 +1,83 @@
1
- {
2
- "name": "@keenmate/pure-css",
3
- "version": "1.0.0-rc07",
4
- "description": "The KeenMate CSS foundation — --base-* theming contract, PureCSS grid and utility classes. Extracted from pure-admin-core so docs sites, standalone pages and every web/svelte component share one theming layer.",
5
- "style": "dist/css/pure-css.css",
6
- "exports": {
7
- ".": "./dist/css/pure-css.css",
8
- "./css": "./dist/css/pure-css.css",
9
- "./css/*": "./dist/css/*",
10
- "./base": "./dist/css/base.css",
11
- "./reboot": "./dist/css/reboot.css",
12
- "./scrollbars": "./dist/css/scrollbars.css",
13
- "./grid": "./dist/css/grid.css",
14
- "./utilities": "./dist/css/utilities.css",
15
- "./scss": "./src/scss/pure-css.scss",
16
- "./scss/*": "./src/scss/*",
17
- "./js": "./src/js/pure-css.js",
18
- "./js/*": "./src/js/*"
19
- },
20
- "files": [
21
- "dist/",
22
- "src/scss/",
23
- "src/js/",
24
- "README.md",
25
- "CHANGELOG.md",
26
- "LICENSE"
27
- ],
28
- "scripts": {
29
- "build:bundle": "sass src/scss/pure-css.scss dist/css/pure-css.css --no-source-map --silence-deprecation=import",
30
- "build:base": "sass src/scss/base.scss dist/css/base.css --no-source-map --silence-deprecation=import",
31
- "build:reboot": "sass src/scss/reboot.scss dist/css/reboot.css --no-source-map --silence-deprecation=import",
32
- "build:scrollbars": "sass src/scss/scrollbars.scss dist/css/scrollbars.css --no-source-map --silence-deprecation=import",
33
- "build:grid": "sass src/scss/grid.scss dist/css/grid.css --no-source-map --silence-deprecation=import",
34
- "build:utilities": "sass src/scss/utilities.scss dist/css/utilities.css --no-source-map --silence-deprecation=import",
35
- "build": "npm run build:bundle && npm run build:base && npm run build:reboot && npm run build:scrollbars && npm run build:grid && npm run build:utilities",
36
- "watch": "sass --watch src/scss/pure-css.scss:dist/css/pure-css.css --silence-deprecation=import",
37
- "dev": "vite --port 12500",
38
- "test": "npm run test:e2e",
39
- "test:e2e": "playwright test",
40
- "test:e2e:ui": "playwright test --ui",
41
- "test:e2e:headed": "playwright test --headed",
42
- "test:e2e:install": "playwright install chromium",
43
- "prepublishOnly": "npm run build"
44
- },
45
- "keywords": [
46
- "css",
47
- "scss",
48
- "purecss",
49
- "grid",
50
- "utilities",
51
- "css-variables",
52
- "theming",
53
- "keenmate",
54
- "pure-admin"
55
- ],
56
- "author": "KeenMate",
57
- "license": "MIT",
58
- "peerDependencies": {
59
- "sass": "^1.0.0"
60
- },
61
- "devDependencies": {
62
- "@playwright/test": "^1.60.0",
63
- "sass": "^1.70.0",
64
- "vite": "^5.4.0"
65
- },
66
- "repository": {
67
- "type": "git",
68
- "url": "git+https://github.com/KeenMate/pure-css.git"
69
- },
70
- "bugs": {
71
- "url": "https://github.com/KeenMate/pure-css/issues"
72
- },
73
- "homepage": "https://github.com/KeenMate/pure-css#readme",
74
- "publishConfig": {
75
- "access": "public"
76
- },
77
- "allowScripts": {
78
- "esbuild@0.21.5": true,
79
- "@parcel/watcher@2.6.0": true
80
- }
81
- }
1
+ {
2
+ "name": "@keenmate/pure-css",
3
+ "version": "1.0.0-rc08",
4
+ "description": "The KeenMate CSS foundation — --base-* theming contract, PureCSS grid and utility classes. Extracted from pure-admin-core so docs sites, standalone pages and every web/svelte component share one theming layer.",
5
+ "style": "dist/css/pure-css.css",
6
+ "exports": {
7
+ ".": "./dist/css/pure-css.css",
8
+ "./css": "./dist/css/pure-css.css",
9
+ "./css/*": "./dist/css/*",
10
+ "./base": "./dist/css/base.css",
11
+ "./reboot": "./dist/css/reboot.css",
12
+ "./component-reset": "./dist/css/component-reset.css",
13
+ "./scrollbars": "./dist/css/scrollbars.css",
14
+ "./grid": "./dist/css/grid.css",
15
+ "./utilities": "./dist/css/utilities.css",
16
+ "./scss": "./src/scss/pure-css.scss",
17
+ "./scss/*": "./src/scss/*",
18
+ "./js": "./src/js/pure-css.js",
19
+ "./js/*": "./src/js/*"
20
+ },
21
+ "files": [
22
+ "dist/",
23
+ "src/scss/",
24
+ "src/js/",
25
+ "README.md",
26
+ "CHANGELOG.md",
27
+ "LICENSE"
28
+ ],
29
+ "scripts": {
30
+ "build:bundle": "sass src/scss/pure-css.scss dist/css/pure-css.css --no-source-map --silence-deprecation=import",
31
+ "build:base": "sass src/scss/base.scss dist/css/base.css --no-source-map --silence-deprecation=import",
32
+ "build:reboot": "sass src/scss/reboot.scss dist/css/reboot.css --no-source-map --silence-deprecation=import",
33
+ "build:component-reset": "sass src/scss/component-reset.scss dist/css/component-reset.css --no-source-map --silence-deprecation=import",
34
+ "build:scrollbars": "sass src/scss/scrollbars.scss dist/css/scrollbars.css --no-source-map --silence-deprecation=import",
35
+ "build:grid": "sass src/scss/grid.scss dist/css/grid.css --no-source-map --silence-deprecation=import",
36
+ "build:utilities": "sass src/scss/utilities.scss dist/css/utilities.css --no-source-map --silence-deprecation=import",
37
+ "build": "npm run build:bundle && npm run build:base && npm run build:reboot && npm run build:component-reset && npm run build:scrollbars && npm run build:grid && npm run build:utilities",
38
+ "watch": "sass --watch src/scss/pure-css.scss:dist/css/pure-css.css --silence-deprecation=import",
39
+ "dev": "vite --port 12500",
40
+ "test": "npm run test:e2e",
41
+ "test:e2e": "playwright test",
42
+ "test:e2e:ui": "playwright test --ui",
43
+ "test:e2e:headed": "playwright test --headed",
44
+ "test:e2e:install": "playwright install chromium",
45
+ "prepublishOnly": "npm run build"
46
+ },
47
+ "keywords": [
48
+ "css",
49
+ "scss",
50
+ "purecss",
51
+ "grid",
52
+ "utilities",
53
+ "css-variables",
54
+ "theming",
55
+ "keenmate",
56
+ "pure-admin"
57
+ ],
58
+ "author": "KeenMate",
59
+ "license": "MIT",
60
+ "peerDependencies": {
61
+ "sass": "^1.0.0"
62
+ },
63
+ "devDependencies": {
64
+ "@playwright/test": "^1.60.0",
65
+ "sass": "^1.70.0",
66
+ "vite": "^5.4.0"
67
+ },
68
+ "repository": {
69
+ "type": "git",
70
+ "url": "git+https://github.com/KeenMate/pure-css.git"
71
+ },
72
+ "bugs": {
73
+ "url": "https://github.com/KeenMate/pure-css/issues"
74
+ },
75
+ "homepage": "https://github.com/KeenMate/pure-css#readme",
76
+ "publishConfig": {
77
+ "access": "public"
78
+ },
79
+ "allowScripts": {
80
+ "esbuild@0.21.5": true,
81
+ "@parcel/watcher@2.6.0": true
82
+ }
83
+ }
package/src/js/fit.js CHANGED
@@ -613,8 +613,10 @@
613
613
  moreLink.className = 'pc-navmenu__link';
614
614
  moreLink.setAttribute('aria-haspopup', 'true');
615
615
  moreLink.setAttribute('aria-expanded', 'false');
616
+ // Empty span — the glyph is painted by CSS (--base-icon-chevron mask). No
617
+ // text char (the old "›" rendered inconsistently and would double up on the mask).
616
618
  moreLink.innerHTML = navEscapeHtml(moreLabel) +
617
- ' <span class="pc-navmenu__more-chevron" aria-hidden="true">›</span>';
619
+ ' <span class="pc-navmenu__more-chevron" aria-hidden="true"></span>';
618
620
  moreLi.appendChild(moreLink);
619
621
  ul.appendChild(moreLi);
620
622
  moreLi.style.display = 'none';
@@ -736,8 +738,9 @@
736
738
  btn.type = 'button';
737
739
  btn.className = 'pc-sidebar__toggle';
738
740
  btn.setAttribute('aria-expanded', active ? 'true' : 'false');
741
+ // Empty chevron span — glyph painted by CSS (--base-icon-chevron mask).
739
742
  btn.innerHTML = iconHtml(icon) + labelHtml(text) +
740
- '<span class="pc-sidebar__chevron" aria-hidden="true">›</span>';
743
+ '<span class="pc-sidebar__chevron" aria-hidden="true"></span>';
741
744
  li.appendChild(btn);
742
745
  var submenu = document.createElement('ul');
743
746
  submenu.className = 'pc-sidebar__submenu' + (active ? ' pc-sidebar__submenu--open' : '');