@simplybusiness/theme-core 7.6.13 → 7.6.14

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 7.6.14
4
+
5
+ ### Patch Changes
6
+
7
+ - 55d7bac: Change Slider colours to remove alpha and add to theme variables
8
+ - Updated dependencies [55d7bac]
9
+ - @simplybusiness/mobius@5.27.4
10
+
3
11
  ## 7.6.13
4
12
 
5
13
  ### Patch Changes
package/dist/index.css CHANGED
@@ -1871,9 +1871,9 @@ a.mobius-button:focus-visible,
1871
1871
 
1872
1872
  :root,
1873
1873
  :host{
1874
- --slider-primary-track-background:#4632d820;
1874
+ --slider-primary-track-background:var(--color-primary-lighter);
1875
1875
  --slider-primary-thumb-background:var(--color-primary);
1876
- --slider-secondary-track-background:#e943c920;
1876
+ --slider-secondary-track-background:var(--color-accent-lighter);
1877
1877
  --slider-secondary-thumb-background:var(--color-accent);
1878
1878
  --thumb-size:20px;
1879
1879
  }
@@ -2933,6 +2933,7 @@ svg:not(:host).svg-inline--mobius-icon{
2933
2933
  --color-azure-700:#0e0a2b;
2934
2934
  --color-cyan-500:#00d4ff;
2935
2935
  --color-bubblegum-500:#e943c9;
2936
+ --color-bubblegum-300:#f9cdf0;
2936
2937
  --color-green-300:#e6f3ed;
2937
2938
  --color-green-500:#008744;
2938
2939
  --color-green-600:#006633;
@@ -2943,12 +2944,14 @@ svg:not(:host).svg-inline--mobius-icon{
2943
2944
  --color-blue-300:#e8f1f7;
2944
2945
  --color-blue-500:#176fae;
2945
2946
  --color-primary-light:var(--color-azure-400);
2947
+ --color-primary-lighter:var(--color-azure-300);
2946
2948
  --color-primary:var(--color-azure-500);
2947
2949
  --color-primary-hover:var(--color-azure-600);
2948
2950
  --color-secondary:var(--color-azure-500);
2949
2951
  --color-secondary-hover:var(--color-azure-600);
2950
2952
  --color-focus:var(--color-bubblegum-500);
2951
2953
  --color-accent:var(--color-bubblegum-500);
2954
+ --color-accent-lighter:var(--color-bubblegum-300);
2952
2955
  --color-text:var(--color-neutral-700);
2953
2956
  --color-text-medium:var(--color-neutral-500);
2954
2957
  --color-text-light:var(--color-neutral-300);
@@ -3015,6 +3018,11 @@ svg:not(:host).svg-inline--mobius-icon{
3015
3018
  --popover-z-index:2147483647;
3016
3019
  --color-background-popover:var(--color-azure-700);
3017
3020
  --color-text-popover:#fff;
3021
+ --slider-primary-track-background:var(--color-primary-lighter);
3022
+ --slider-primary-thumb-background:var(--color-primary);
3023
+ --slider-secondary-track-background:var(--color-accent-lighter);
3024
+ --slider-secondary-thumb-background:var(--color-accent);
3025
+ --thumb-size:20px;
3018
3026
  }
3019
3027
 
3020
3028
  :root{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-core",
3
- "version": "7.6.13",
3
+ "version": "7.6.14",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,7 +26,7 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.27.3"
29
+ "@simplybusiness/mobius": "^5.27.4"
30
30
  },
31
31
  "devDependencies": {
32
32
  "css-loader": "^7.1.2",
package/src/variables.css CHANGED
@@ -21,6 +21,7 @@
21
21
 
22
22
  /* Bubblegum */
23
23
  --color-bubblegum-500: #e943c9;
24
+ --color-bubblegum-300: #f9cdf0;
24
25
 
25
26
  /* Green */
26
27
  --color-green-300: #e6f3ed;
@@ -42,6 +43,7 @@
42
43
  /*** Semantic colours ***/
43
44
  /* Primary */
44
45
  --color-primary-light: var(--color-azure-400);
46
+ --color-primary-lighter: var(--color-azure-300);
45
47
  --color-primary: var(--color-azure-500);
46
48
  --color-primary-hover: var(--color-azure-600);
47
49
 
@@ -52,6 +54,7 @@
52
54
  /* Focus */
53
55
  --color-focus: var(--color-bubblegum-500);
54
56
  --color-accent: var(--color-bubblegum-500);
57
+ --color-accent-lighter: var(--color-bubblegum-300);
55
58
 
56
59
  /* Text */
57
60
  --color-text: var(--color-neutral-700);
@@ -140,4 +143,11 @@
140
143
  --popover-z-index: 2147483647;
141
144
  --color-background-popover: var(--color-azure-700);
142
145
  --color-text-popover: #fff;
146
+
147
+ /* Slider */
148
+ --slider-primary-track-background: var(--color-primary-lighter);
149
+ --slider-primary-thumb-background: var(--color-primary);
150
+ --slider-secondary-track-background: var(--color-accent-lighter);
151
+ --slider-secondary-thumb-background: var(--color-accent);
152
+ --thumb-size: 20px;
143
153
  }