@simplybusiness/theme-core 7.8.2 → 7.8.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 7.8.4
+
+### Patch Changes
+
+- Updated dependencies [7ad7646]
+  - @simplybusiness/mobius@5.29.4
+
+## 7.8.3
+
+### Patch Changes
+
+- fc78088: chore: add missing dependencies
+- c7a4ec3: chore: hoist custom css properties to variables files and remove colocated definitions
+- Updated dependencies [fc78088]
+- Updated dependencies [c7a4ec3]
+  - @simplybusiness/mobius@5.29.3
+
 ## 7.8.2
 
 ### Patch Changes

package/dist/index.css

@@ -169,17 +169,6 @@ h6.mobius-accordion__link-text,
   margin-right:var(--size-xs);
 }
 
-:root,
-:host{
-  --button-primary-font-variation:normal;
-  --button-primary-color:var(--color-primary);
-  --button-primary-content-color:var(--color-text-inverted);
-  --button-primary-hover-color:var(--color-primary-hover);
-  --button-secondary-color:var(--color-secondary);
-  --button-secondary-hover-color:var(--color-secondary-hover);
-  --button-border-radius:var(--radius-1);
-}
-
 .mobius-button{
   box-sizing:border-box;
   display:inline-block;
@@ -546,19 +535,6 @@ a.mobius-button:focus-visible,
     content:" (optional)";
   }
 
-:root,
-:host{
-  --combobox-border-color:#ccc;
-  --combobox-group-color:var(--color-text);
-  --combobox-group-background-color:#dad6f7;
-  --combobox-selected-background-color:var(--color-primary);
-  --listbox-height:min-content;
-  --listbox-max-height:350px;
-  --listbox-max-height-mobile:240px;
-  --listbox-gap:4px;
-  --option-padding:var(--size-xs) var(--size-lg);
-}
-
 .mobius-combobox{
   interpolate-size:allow-keywords;
   position:relative;
@@ -874,11 +850,6 @@ a.mobius-button:focus-visible,
   overflow-y:auto;
 }
 
-:root,
-:host{
-  --dropdown-menu-max-width:200px;
-}
-
 .mobius-dropdown-menu{
   position:relative;
   max-width:var(--dropdown-menu-max-width);
@@ -1019,12 +990,6 @@ a.mobius-button:focus-visible,
   }
 }
 
-:root,
-:host{
-  --label-font-weight:var(--font-weight-bold);
-  --label-font-variation-settings:normal;
-}
-
 .mobius-label{
   box-sizing:border-box;
   font-size:var(--font-size-regular);
@@ -1137,18 +1102,11 @@ a.mobius-button:focus-visible,
   color:var(--color-primary);
 }
 
-:root,
-:host,
-::backdrop{
-  --modal-transition-duration:0;
-  --backdrop-color:#18181d;
-}
-
-@media (prefers-reduced-motion: no-preference){
+@media (prefers-reduced-motion: ){
   :root,
   :host,
   ::backdrop{
-    --modal-transition-duration:300ms;
+    --modal-transition-duration:0;
   }
 }
 
@@ -1306,11 +1264,6 @@ a.mobius-button:focus-visible,
 }
   }
 
-:root,
-:host{
-  --number-input-max-width:none;
-}
-
 .mobius-number-field{
   box-sizing:border-box;
   width:100%;
@@ -1645,11 +1598,6 @@ a.mobius-button:focus-visible,
   padding-top:calc(var(--size-xxs) - 1px);
 }
 
-:root,
-:host{
-  --segment-border:var(--size-border-width) solid var(--color-border-light);
-}
-
 .mobius-segment-group{
   box-sizing:border-box;
   display:flex;
@@ -1806,11 +1754,6 @@ a.mobius-button:focus-visible,
   margin-bottom:var(--size-sm);
 }
 
-:root,
-:host{
-  --select-wrapper-max-width:none;
-}
-
 .mobius-select__outer{
   box-sizing:border-box;
   width:100%;
@@ -1892,15 +1835,6 @@ a.mobius-button:focus-visible,
     color:var(--color-error);
   }
 
-:root,
-:host{
-  --slider-primary-track-background:var(--color-primary-lighter);
-  --slider-primary-thumb-background:var(--color-primary);
-  --slider-secondary-track-background:var(--color-accent-lighter);
-  --slider-secondary-thumb-background:var(--color-accent);
-  --thumb-size:20px;
-}
-
 .mobius-slider{
   position:relative;
   display:grid;
@@ -2044,11 +1978,6 @@ a.mobius-button:focus-visible,
     gap:var(--size-xl);
   }
 
-:root,
-:host{
-  --switch-transition-duration:0.15s;
-}
-
 .mobius-switch{
   position:relative;
   display:inline-block;
@@ -2115,11 +2044,6 @@ a.mobius-button:focus-visible,
     background-color:var(--color-primary-light);
   }
 
-:root,
-:host{
-  --table-border-width:1px;
-}
-
 .mobius-table{
   display:table;
   box-sizing:border-box;
@@ -2320,11 +2244,6 @@ a.mobius-button:focus-visible,
   width:100%;
 }
 
-:root,
-:host{
-  --text-input-max-width:none;
-}
-
 .mobius-text-field{
   box-sizing:border-box;
   width:100%;
@@ -2477,11 +2396,6 @@ a.mobius-button:focus-visible,
     cursor:not-allowed;
   }
 
-:root,
-:host{
-  --title-decorator-width:8px;
-}
-
 .mobius-title{
   display:flex;
   padding-left:var(--size-sm);
@@ -3057,7 +2971,7 @@ svg:not(:host).svg-inline--mobius-icon{
   --listbox-gap:4px;
   --option-padding:var(--size-xs) var(--size-lg);
   --drawer-transition-duration:200ms;
-  --modal-transition-duration:0;
+  --modal-transition-duration:300ms;
   --backdrop-color:#18181d;
   --label-color:var(--color-text);
   --label-font-weight:var(--font-weight-bold);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-core",
-  "version": "7.8.2",
+  "version": "7.8.4",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,7 +26,7 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.29.2"
+    "@simplybusiness/mobius": "^5.29.4"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",
@@ -44,6 +44,7 @@
     "sass": "^1.89.0",
     "sass-loader": "^16.0.5",
     "webpack": "^5.99.9",
-    "webpack-cli": "^6.0.1"
+    "webpack-cli": "^6.0.1",
+    "webpack-remove-empty-scripts": "^1.1.1"
   }
 }

package/src/variables.css

@@ -162,7 +162,7 @@
 
   /* Drawer and Modal */
   --drawer-transition-duration: 200ms;
-  --modal-transition-duration: 0;
+  --modal-transition-duration: 300ms;
   --backdrop-color: #18181d;
 
   /* Label and Inputs */