@simplybusiness/theme-core 7.5.4 → 7.6.1

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,22 @@
1
1
  # Changelog
2
2
 
3
+ ## 7.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - @simplybusiness/mobius@5.25.1
8
+
9
+ ## 7.6.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 00eb583: Added utility animation
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies [00eb583]
18
+ - @simplybusiness/mobius@5.25.0
19
+
3
20
  ## 7.5.4
4
21
 
5
22
  ### Patch Changes
package/dist/index.css CHANGED
@@ -554,6 +554,14 @@ a.mobius-button:focus-visible,
554
554
  width:100%;
555
555
  }
556
556
 
557
+ .mobius-text-field__input-wrapper.mobius-combobox__input{
558
+ padding-left:var(--size-sm);
559
+ }
560
+
561
+ .mobius-text-field__input-wrapper.mobius-combobox__input .mobius-text-field__prefix-inside{
562
+ padding-left:0;
563
+ }
564
+
557
565
  .mobius-combobox__list{
558
566
  position:absolute;
559
567
  margin:0;
@@ -2997,6 +3005,24 @@ svg:not(:host).svg-inline--mobius-icon{
2997
3005
  --color-text-popover:#fff;
2998
3006
  }
2999
3007
 
3008
+ :root{
3009
+ --color-pulse:var(--color-focus);
3010
+ --size-pulse:var(--size-sm);
3011
+ }
3012
+
3013
+ .animate-pulse{
3014
+ animation:pulse-animation 2s infinite;
3015
+ }
3016
+
3017
+ @keyframes pulse-animation{
3018
+ 0%{
3019
+ box-shadow:0 0 0 0px var(--color-pulse);
3020
+ }
3021
+ 100%{
3022
+ box-shadow:0 0 0 var(--size-pulse) rgba(0, 0, 0, 0);
3023
+ }
3024
+ }
3025
+
3000
3026
  .mobius{
3001
3027
  font-family:var(--font-family);
3002
3028
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-core",
3
- "version": "7.5.4",
3
+ "version": "7.6.1",
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.24.3"
29
+ "@simplybusiness/mobius": "^5.25.1"
30
30
  },
31
31
  "devDependencies": {
32
32
  "css-loader": "^7.1.2",
@@ -0,0 +1,17 @@
1
+ :root {
2
+ --color-pulse: var(--color-focus);
3
+ --size-pulse: var(--size-sm);
4
+ }
5
+
6
+ .animate-pulse {
7
+ animation: pulse-animation 2s infinite;
8
+ }
9
+
10
+ @keyframes pulse-animation {
11
+ 0% {
12
+ box-shadow: 0 0 0 0px var(--color-pulse);
13
+ }
14
+ 100% {
15
+ box-shadow: 0 0 0 var(--size-pulse) rgba(0, 0, 0, 0);
16
+ }
17
+ }
package/src/index.css CHANGED
@@ -39,6 +39,7 @@
39
39
 
40
40
  @import "./fonts.css";
41
41
  @import "./variables.css";
42
+ @import "./animations.css";
42
43
 
43
44
  .mobius {
44
45
  font-family: var(--font-family);