@simplybusiness/theme-core 7.14.7 → 7.14.8

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 7.14.8
+
+### Patch Changes
+
+- e160de4: Add lint-css executable for CSS linting with stylelint
+  - Added stylelint and stylelint-config-recommended dependencies
+  - Created lint-css executable that runs stylelint on src/\*_/_.css
+  - Configured selector-nested-pattern rule to enforce native CSS nesting (require & in nested selectors)
+  - Added lint:css scripts to theme-core as initial rollout
+  - Fixed 3 stylelint violations in theme-core icons.css
+  - Updated Turbo with lint:css task configuration
+  - @simplybusiness/mobius@6.9.5
+
 ## 7.14.7
 
 ### Patch Changes

package/dist/index.css

@@ -2601,6 +2601,7 @@ svg:not(:host).svg-inline--mobius-icon{
   position:absolute;
   right:0;
   top:0;
+  transform-origin:center center;
 }
 
 .mobius-icon-layers-counter,
@@ -2619,10 +2620,6 @@ svg:not(:host).svg-inline--mobius-icon{
   width:1em;
 }
 
-.mobius-icon-layers svg.svg-inline--mobius-icon{
-  transform-origin:center center;
-}
-
 .mobius-icon-layers-text{
   left:50%;
   top:50%;
@@ -2929,6 +2926,11 @@ svg:not(:host).svg-inline--mobius-icon{
   opacity:var(--mobius-icon-secondary-opacity, 0.4);
 }
 
+.svg-inline--mobius-icon mask .mobius-icon-primary,
+.svg-inline--mobius-icon mask .mobius-icon-secondary{
+  fill:black;
+}
+
 .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{
   opacity:var(--mobius-icon-secondary-opacity, 0.4);
 }
@@ -2937,11 +2939,6 @@ svg:not(:host).svg-inline--mobius-icon{
   opacity:var(--mobius-icon-primary-opacity, 1);
 }
 
-.svg-inline--mobius-icon mask .mobius-icon-primary,
-.svg-inline--mobius-icon mask .mobius-icon-secondary{
-  fill:black;
-}
-
 .fad.mobius-icon-inverse,
 .mobius-icon-duotone.mobius-icon-inverse{
   color:var(--mobius-icon-inverse, #fff);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-core",
-  "version": "7.14.7",
+  "version": "7.14.8",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -10,7 +10,9 @@
     "clean": "rm -rf dist",
     "build": "yarn run -T turbo run turbo:build",
     "prepack": "yarn run build",
-    "turbo:build": "build-theme"
+    "turbo:build": "build-theme",
+    "lint:css": "lint-css",
+    "lint:css:fix": "lint-css --fix"
   },
   "files": [
     "dist/**/*",
@@ -29,6 +31,6 @@
     "@simplybusiness/mobius": "^6.9.5"
   },
   "devDependencies": {
-    "build-scripts": "^1.0.3"
+    "build-scripts": "^1.1.0"
   }
 }

package/src/icons.css

@@ -62,6 +62,7 @@ svg:not(:host).svg-inline--mobius-icon {
   position: absolute;
   right: 0;
   top: 0;
+  transform-origin: center center;
 }
 
 .mobius-icon-layers-counter,
@@ -80,10 +81,6 @@ svg:not(:host).svg-inline--mobius-icon {
   width: 1em;
 }
 
-.mobius-icon-layers svg.svg-inline--mobius-icon {
-  transform-origin: center center;
-}
-
 .mobius-icon-layers-text {
   left: 50%;
   top: 50%;
@@ -389,6 +386,11 @@ svg:not(:host).svg-inline--mobius-icon {
   opacity: var(--mobius-icon-secondary-opacity, 0.4);
 }
 
+.svg-inline--mobius-icon mask .mobius-icon-primary,
+.svg-inline--mobius-icon mask .mobius-icon-secondary {
+  fill: black;
+}
+
 .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary {
   opacity: var(--mobius-icon-secondary-opacity, 0.4);
 }
@@ -397,11 +399,6 @@ svg:not(:host).svg-inline--mobius-icon {
   opacity: var(--mobius-icon-primary-opacity, 1);
 }
 
-.svg-inline--mobius-icon mask .mobius-icon-primary,
-.svg-inline--mobius-icon mask .mobius-icon-secondary {
-  fill: black;
-}
-
 .fad.mobius-icon-inverse,
 .mobius-icon-duotone.mobius-icon-inverse {
   color: var(--mobius-icon-inverse, #fff);