@haxtheweb/create 10.0.5 → 10.0.7

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.
@@ -2,7 +2,7 @@
2
2
  * Copyright <%= year %> <%= author %>
3
3
  * @license Apache-2.0, see License.md for full text.
4
4
  */
5
- import { html, css, HAXCMSLitElementTheme } from "@haxtheweb/haxcms-elements/lib/core/HAXCMSLitElementTheme.js";
5
+ import { HAXCMSLitElementTheme, css, unsafeCSS, html, store, autorun, toJS } from "@haxtheweb/haxcms-elements/lib/core/HAXCMSLitElementTheme.js";
6
6
  import { PolarisFlexTheme } from "@haxtheweb/polaris-theme/lib/polaris-flex-theme.js";
7
7
  import "@haxtheweb/haxcms-elements/lib/ui-components/blocks/site-children-block.js";
8
8
 
@@ -15,7 +15,11 @@ import "@haxtheweb/haxcms-elements/lib/ui-components/blocks/site-children-block.
15
15
  * - HAXcms - A headless content management system
16
16
  * - HAXCMSTheme - A super class that provides correct baseline wiring to build a new theme
17
17
  *
18
- * @demo demo/index.html
18
+ * @documentation - see HAX docs to learn more about theming
19
+ * - Custom theme development - https://haxtheweb.org/documentation/developers/haxsite/custom-theme-development
20
+ * - Theme Blocks - https://haxtheweb.org/documentation/developers/theme-blocks
21
+ * - DDD - https://haxtheweb.org/documentation/ddd
22
+ * - Data Store - https://haxtheweb.org/documentation/developers/haxsite/data-store
19
23
  * @element <%= customThemeName %>
20
24
  */
21
25
  class <%= className %> extends PolarisFlexTheme {
@@ -2,7 +2,7 @@
2
2
  * Copyright <%= year %> <%= author %>
3
3
  * @license Apache-2.0, see License.md for full text.
4
4
  */
5
- import { html, css, HAXCMSLitElementTheme } from "@haxtheweb/haxcms-elements/lib/core/HAXCMSLitElementTheme.js";
5
+ import { HAXCMSLitElementTheme, css, unsafeCSS, html, store, autorun, toJS } from "@haxtheweb/haxcms-elements/lib/core/HAXCMSLitElementTheme.js";
6
6
  import { PolarisFlexTheme } from "@haxtheweb/polaris-theme/lib/polaris-flex-theme.js";
7
7
  import "@haxtheweb/haxcms-elements/lib/ui-components/blocks/site-children-block.js";
8
8
 
@@ -15,7 +15,11 @@ import "@haxtheweb/haxcms-elements/lib/ui-components/blocks/site-children-block.
15
15
  * - HAXcms - A headless content management system
16
16
  * - HAXCMSTheme - A super class that provides correct baseline wiring to build a new theme
17
17
  *
18
- * @demo demo/index.html
18
+ * @documentation - see HAX docs to learn more about theming
19
+ * - Custom theme development - https://haxtheweb.org/documentation/developers/haxsite/custom-theme-development
20
+ * - Theme Blocks - https://haxtheweb.org/documentation/developers/theme-blocks
21
+ * - DDD - https://haxtheweb.org/documentation/ddd
22
+ * - Data Store - https://haxtheweb.org/documentation/developers/haxsite/data-store
19
23
  * @element <%= customThemeName %>
20
24
  */
21
25
  class <%= className %> extends PolarisFlexTheme {
@@ -33,7 +37,7 @@ class <%= className %> extends PolarisFlexTheme {
33
37
  }
34
38
  aside section h4 {
35
39
  font-size: 16px;
36
- margin: 0 0 24px 0;
40
+ margin: var(--ddd-spacing-0) var(--ddd-spacing-0) var(--ddd-spacing-6) var(--ddd-spacing-0);
37
41
  text-transform: uppercase;
38
42
  font-family: "Open Sans", sans-serif;
39
43
  font-weight: 300;
@@ -42,8 +46,8 @@ class <%= className %> extends PolarisFlexTheme {
42
46
  aside section {
43
47
  background-color: #fff;
44
48
  border-radius: 3px;
45
- margin-bottom: 40px;
46
- padding: 0px 40px 40px 0px;
49
+ margin-bottom: var(--ddd-spacing-10);
50
+ padding: 0px var(--ddd-spacing-10) var(--ddd-spacing-10) 0px;
47
51
  }
48
52
 
49
53
  site-children-block {
@@ -23,7 +23,6 @@ rollup.config.js
23
23
 
24
24
  # File extension
25
25
  # (Must start with *, as seen below)
26
- *.html
27
26
  *.md
28
27
  *.yml
29
28
  *.json
@@ -5,7 +5,7 @@
5
5
  "ecmel.vscode-html-css",
6
6
  "oliversturm.fix-json",
7
7
  "runem.lit-plugin",
8
- "streetsidesoftware.code-spell-checker",
9
- "yzhang.markdown-all-in-one"
8
+ "yzhang.markdown-all-in-one",
9
+ "zdodson.dddignore"
10
10
  ]
11
11
  }
@@ -9,8 +9,8 @@
9
9
 
10
10
  <style>
11
11
  :root, html, body {
12
- margin: 0;
13
- padding: 0;
12
+ margin: var(--ddd-spacing-0);
13
+ padding: var(--ddd-spacing-0);
14
14
  }
15
15
  #demo {
16
16
  margin: var(--ddd-spacing-2);
@@ -48,21 +48,21 @@
48
48
  <!-- Take HAX, the Web and you further down the rabbit hole -->
49
49
  <style>
50
50
  #follow-the-white-rabbit {
51
- margin: var(--ddd-spacing-4) auto 64px 16px;
51
+ margin: var(--ddd-spacing-4) auto var(--ddd-spacing-16) var(--ddd-spacing-4);
52
52
  background-color: var(--ddd-accent-4);
53
- color: black;
53
+ color: var(--ddd-theme-default-coalyGray);
54
54
  }
55
55
  #follow-the-white-rabbit[open] summary {
56
56
  background-color: var(--ddd-accent-4) !important;
57
- color: black;
57
+ color: var(--ddd-theme-default-coalyGray);
58
58
  }
59
59
  #follow-the-white-rabbit[open] .content {
60
- padding: 0 var(--ddd-spacing-4);
60
+ padding: var(--ddd-spacing-0) var(--ddd-spacing-4);
61
61
  }
62
62
  #follow-the-white-rabbit ul,
63
63
  #follow-the-white-rabbit li {
64
- padding: 0;
65
- margin: 0;
64
+ padding: var(--ddd-spacing-0);
65
+ margin: var(--ddd-spacing-0);
66
66
  }
67
67
  #follow-the-white-rabbit li {
68
68
  font-size: var(--ddd-font-size-xs);
@@ -71,14 +71,14 @@
71
71
  #follow-the-white-rabbit li strong,
72
72
  #follow-the-white-rabbit li a {
73
73
  padding: var(--ddd-spacing-2) var(--ddd-spacing-4);
74
- color: black;
74
+ color: var(--ddd-theme-default-coalyGray);
75
75
  display: block;
76
- font-weight: bold;
76
+ font-weight: var(--ddd-font-weight-bold);
77
77
  }
78
78
  #follow-the-white-rabbit li:focus-within a,
79
79
  #follow-the-white-rabbit li:hover a {
80
- background-color: black;
81
- color: yellow;
80
+ background-color: var(--ddd-theme-default-coalyGray);
81
+ color: var(--ddd-theme-default-globalNeon);
82
82
  }
83
83
  </style>
84
84
  <details id="follow-the-white-rabbit" open>
@@ -22,6 +22,7 @@
22
22
  "start": "web-dev-server",
23
23
  "build": "rimraf public && rollup -c rollup.config.js && npm run analyze",
24
24
  "analyze": "cem analyze --litelement --exclude public",
25
+ "dddaudit": "hax audit",
25
26
  "release": "npm run build && commit-and-tag-version && git push --follow-tags origin main && npm publish",
26
27
  "test": "web-test-runner test/**/*.test.js --coverage --node-resolve",
27
28
  "test:watch": "web-test-runner test/**/*.test.js --node-resolve --watch"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haxtheweb/create",
3
- "version": "10.0.5",
3
+ "version": "10.0.7",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -45,7 +45,7 @@
45
45
  "dependencies": {
46
46
  "@clack/core": "0.3.4",
47
47
  "@clack/prompts": "0.7.0",
48
- "@haxtheweb/haxcms-nodejs": "^10.0.4",
48
+ "@haxtheweb/haxcms-nodejs": "^10.0.5",
49
49
  "@haxtheweb/open-apis": "^10.0.1",
50
50
  "commander": "12.1.0",
51
51
  "ejs": "3.1.10",