@simplybusiness/theme-core 7.6.13 → 7.6.15

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 7.6.15
+
+### Patch Changes
+
+- Updated dependencies [29209dd]
+  - @simplybusiness/mobius@5.27.5
+
+## 7.6.14
+
+### Patch Changes
+
+- 55d7bac: Change Slider colours to remove alpha and add to theme variables
+- Updated dependencies [55d7bac]
+  - @simplybusiness/mobius@5.27.4
+
 ## 7.6.13
 
 ### Patch Changes

package/dist/index.css

@@ -1813,6 +1813,7 @@ a.mobius-button:focus-visible,
   box-sizing:border-box;
   width:100%;
   padding:var(--input-field-padding);
+  padding-right:var(--size-xxl);
   font-family:var(--font-family);
   font-size:var(--font-size-regular);
   border:var(--border-default);
@@ -1821,6 +1822,8 @@ a.mobius-button:focus-visible,
   color:var(--color-text-medium);
   outline:0;
   appearance:none;
+  white-space:nowrap;
+  text-overflow:ellipsis;
 }
 
 .mobius-select.--is-disabled{
@@ -1855,6 +1858,7 @@ a.mobius-button:focus-visible,
   position:absolute;
   right:2px;
   height:100%;
+  width:var(--size-xxl);
   padding:var(--size-md);
   border-radius:var(--radius-1);
   pointer-events:none;
@@ -1871,9 +1875,9 @@ a.mobius-button:focus-visible,
 
 :root,
 :host{
-  --slider-primary-track-background:#4632d820;
+  --slider-primary-track-background:var(--color-primary-lighter);
   --slider-primary-thumb-background:var(--color-primary);
-  --slider-secondary-track-background:#e943c920;
+  --slider-secondary-track-background:var(--color-accent-lighter);
   --slider-secondary-thumb-background:var(--color-accent);
   --thumb-size:20px;
 }
@@ -2933,6 +2937,7 @@ svg:not(:host).svg-inline--mobius-icon{
   --color-azure-700:#0e0a2b;
   --color-cyan-500:#00d4ff;
   --color-bubblegum-500:#e943c9;
+  --color-bubblegum-300:#f9cdf0;
   --color-green-300:#e6f3ed;
   --color-green-500:#008744;
   --color-green-600:#006633;
@@ -2943,12 +2948,14 @@ svg:not(:host).svg-inline--mobius-icon{
   --color-blue-300:#e8f1f7;
   --color-blue-500:#176fae;
   --color-primary-light:var(--color-azure-400);
+  --color-primary-lighter:var(--color-azure-300);
   --color-primary:var(--color-azure-500);
   --color-primary-hover:var(--color-azure-600);
   --color-secondary:var(--color-azure-500);
   --color-secondary-hover:var(--color-azure-600);
   --color-focus:var(--color-bubblegum-500);
   --color-accent:var(--color-bubblegum-500);
+  --color-accent-lighter:var(--color-bubblegum-300);
   --color-text:var(--color-neutral-700);
   --color-text-medium:var(--color-neutral-500);
   --color-text-light:var(--color-neutral-300);
@@ -3015,6 +3022,11 @@ svg:not(:host).svg-inline--mobius-icon{
   --popover-z-index:2147483647;
   --color-background-popover:var(--color-azure-700);
   --color-text-popover:#fff;
+  --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;
 }
 
 :root{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-core",
-  "version": "7.6.13",
+  "version": "7.6.15",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,7 +26,7 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.27.3"
+    "@simplybusiness/mobius": "^5.27.5"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",

package/src/variables.css

@@ -21,6 +21,7 @@
 
   /* Bubblegum */
   --color-bubblegum-500: #e943c9;
+  --color-bubblegum-300: #f9cdf0;
 
   /* Green */
   --color-green-300: #e6f3ed;
@@ -42,6 +43,7 @@
   /*** Semantic colours ***/
   /* Primary */
   --color-primary-light: var(--color-azure-400);
+  --color-primary-lighter: var(--color-azure-300);
   --color-primary: var(--color-azure-500);
   --color-primary-hover: var(--color-azure-600);
 
@@ -52,6 +54,7 @@
   /* Focus */
   --color-focus: var(--color-bubblegum-500);
   --color-accent: var(--color-bubblegum-500);
+  --color-accent-lighter: var(--color-bubblegum-300);
 
   /* Text */
   --color-text: var(--color-neutral-700);
@@ -140,4 +143,11 @@
   --popover-z-index: 2147483647;
   --color-background-popover: var(--color-azure-700);
   --color-text-popover: #fff;
+
+  /* Slider */
+  --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;
 }