generator-nitro 9.4.2 → 9.5.0

package/generators/app/templates/.node-version

@@ -1 +1 @@
-20.18.1
+20.19.1

package/generators/app/templates/CUTAWAYpackage.json

@@ -80,7 +80,7 @@
   "dependencies": {<% if (options.exampleCode) { %>
     "@gondel/core": "1.2.8",
     "@gondel/plugin-hot": "1.2.8",
-    "bootstrap": "5.3.5",<% } %>
+    "bootstrap": "5.3.6",<% } %>
     "core-js": "3.42.0"<% if (options.exampleCode) { %>,
     "flatpickr": "4.6.13",
     "handlebars": "4.7.8",
@@ -125,7 +125,7 @@
     "husky": "9.1.7",
     "license-checker": "25.0.1",
     "lighthouse": "12.6.0",
-    "lint-staged": "15.5.1",<% if (options.themes) { %>
+    "lint-staged": "15.5.2",<% if (options.themes) { %>
     "node-sass": "9.0.0",<% } %>
     "npm-check-updates": "18.0.1",
     "npm-run-all": "4.1.5",

package/generators/app/templates/project/docs/nitro.md

@@ -432,7 +432,7 @@ For final use, all assets are copied from the 'src' to the 'public' folder.
 The main assets will be bundled with an easy to use webpack config.
 
 The configuration includes loaders for JavaScript, TypeScript, CSS & SCSS,
-clientside handlebars, webfonts and images (with minification). It also includes an iconfont generator.
+clientside handlebars, webfonts and images (with minification).
 
 You only have to enable the desired loaders and features. And of course, it is possible to extend the configuration to your needs.
 

package/generators/app/templates/src/patterns/atoms/checkbox/css/checkbox.scss

@@ -28,13 +28,13 @@ $checkbox-color: $color-gray-5;
 		border-radius: 4px;
 	}
 
-	// Checkbox Replacement - checked state: Check-Icon
+	// Checkbox Replacement - checked state:  check char
 	&:checked + .a-checkbox__label::after {
-		font-icon: -0.4 + $checkbox-size url('../img/check.svg');
+		content: '✔';
 		color: $color-gray-4;
 		position: absolute;
-		top: 32%;
-		left: 4px;
+		top: 20%;
+		left: 5px;
 	}
 
 	&:focus,

package/generators/app/templates/src/patterns/atoms/checkbox/readme.md

@@ -1,6 +1,6 @@
 # checkbox
 
-Displays a custom checkbox example with label by using css and a fonticon
+Displays a custom checkbox example with label by using css and background image
 
 ## Things to note
 
@@ -8,10 +8,6 @@ Displays a custom checkbox example with label by using css and a fonticon
 
 You may use this pattern with a [div, li or span](./schema.json) root node.
 
-### Iconfont
-
-The checkbox icon will be extracted to an iconfont with the [iconfont-webpack-plugin](https://www.npmjs.com/package/iconfont-webpack-plugin)
-
 ## Testing
 
 [Example page](http://localhost:8081/example-patterns)

package/generators/app/templates/src/patterns/atoms/list/css/list.scss

@@ -9,8 +9,11 @@ $a-list-size: 2rem;
 	margin: 0.3 * $a-list-size 0;
 	&::before {
 		position: absolute;
+		content: '';
+		width: 1em;
+		height: 1em;
 		margin-top: 0.1 * $a-list-size;
-		margin-left: -1.8 * $a-list-size;
-		font-icon: url('../img/check.svg');
+		margin-left: -1.6 * $a-list-size;
+		background: center / contain no-repeat url('../img/check.svg');
 	}
 }

package/generators/app/templates/src/patterns/atoms/list/css/modifier/list-mix.scss

@@ -3,12 +3,12 @@
 		/* stylelint-disable max-nesting-depth */
 		&:nth-child(2n) {
 			&::before {
-				font-icon: url('../../img/arrow.svg');
+				background-image: url('../../img/arrow.svg');
 			}
 		}
 		&:nth-child(3n) {
 			&::before {
-				font-icon: url('../../img/nitro.svg');
+				background-image: url('../../img/nitro.svg');
 			}
 		}
 		/* stylelint-enable max-nesting-depth */

package/generators/app/templates/src/patterns/atoms/list/readme.md

@@ -1,12 +1,11 @@
 # list
 
 Unordered list with icon as bullet point (default: checkmark).  
-Icons will be extracted to an iconfont with the [iconfont-webpack-plugin](https://www.npmjs.com/package/iconfont-webpack-plugin)  
-Possibility to add an svg icon at the end of the text using icon pattern
+Possibility to add an svg icon at the end of the text using the icon pattern
 
 ## API
 
-modifier `a-list-mix` for different icons per line
+modifier `a-list--mix` for different icons per line
 
 ## Testing
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-nitro",
-  "version": "9.4.2",
+  "version": "9.5.0",
   "description": "Yeoman generator for the nitro frontend framework",
   "license": "MIT",
   "repository": {

package/generators/app/templates/src/patterns/atoms/checkbox/img/check.svg

@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
-	<title>check_16x16px</title>
-	<desc>Created with Sketch.</desc>
-	<defs>
-		<path d="M5.5148,11.9997 L0.3738,7.9557 C-0.0562,7.6167 -0.1262,6.9997 0.2208,6.5787 C0.5668,6.1577 1.1958,6.0887 1.6258,6.4277 L5.3448,9.3537 L14.2818,0.2977 C14.6658,-0.0893 15.2978,-0.1013 15.6958,0.2747 C16.0918,0.6507 16.1028,1.2707 15.7188,1.6607 L5.5148,11.9997 Z" id="path-1"></path>
-	</defs>
-	<g id="check_16x16px" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-		<g id="check-icon" transform="translate(0.000000, 2.000000)">
-			<mask id="mask-2" fill="white">
-				<use xlink:href="#path-1"></use>
-			</mask>
-			<use id="Mask" fill="#000000" xlink:href="#path-1"></use>
-			<g id="corporate/Green" mask="url(#mask-2)">
-				<g transform="translate(-8.000000, -11.000000)"></g>
-			</g>
-		</g>
-	</g>
-</svg>