@lumx/core 2.2.8 → 2.2.9

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/package.json CHANGED
@@ -42,7 +42,7 @@
42
42
  "version": "yarn version-changelog ../../CHANGELOG.md && yarn changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
43
43
  },
44
44
  "sideEffects": false,
45
- "version": "2.2.8",
45
+ "version": "2.2.9",
46
46
  "devDependencies": {
47
47
  "@babel/core": "^7.8.3",
48
48
  "@babel/plugin-proposal-class-properties": "^7.8.3",
@@ -82,5 +82,5 @@
82
82
  "moment": "^2.24.0",
83
83
  "moment-range": "^4.0.2"
84
84
  },
85
- "gitHead": "9c235120d0b26f0d06544dcbf161558a858a205c"
85
+ "gitHead": "daa2a61c4e71e345e22394776859ec111bedc916"
86
86
  }
@@ -81,9 +81,11 @@
81
81
  display: flex;
82
82
  align-items: center;
83
83
  transition: transform $lumx-slideshow-transition-duration;
84
+ padding: 4px 0;
84
85
  }
85
86
 
86
87
  &__pagination-item {
88
+ $item: &;
87
89
  width: 8px;
88
90
  height: 8px;
89
91
  flex-shrink: 0;
@@ -102,18 +104,34 @@
102
104
  #{$self}--theme-light & {
103
105
  background-color: lumx-color-variant('dark', 'L4');
104
106
 
107
+ &[data-focus-visible-added]{
108
+ @include lumx-state(lumx-base-const('state', 'FOCUS'), lumx-base-const('emphasis', 'LOW'), 'dark');
109
+ }
110
+
105
111
  &:hover,
106
112
  &--is-active {
107
113
  background-color: lumx-color-variant('primary', 'N');
114
+
115
+ &[data-focus-visible-added]{
116
+ @include lumx-state(lumx-base-const('state', 'FOCUS'), lumx-base-const('emphasis', 'LOW'), 'primary');
117
+ }
108
118
  }
109
119
  }
110
120
 
111
121
  #{$self}--theme-dark & {
112
122
  background-color: lumx-color-variant('light', 'L4');
113
123
 
124
+ &[data-focus-visible-added]{
125
+ @include lumx-state(lumx-base-const('state', 'FOCUS'), lumx-base-const('emphasis', 'LOW'), 'light');
126
+ }
127
+
114
128
  &:hover,
115
129
  &--is-active {
116
130
  background-color: lumx-color-variant('light', 'N');
131
+
132
+ &[data-focus-visible-added]{
133
+ @include lumx-state(lumx-base-const('state', 'FOCUS'), lumx-base-const('emphasis', 'LOW'), 'light');
134
+ }
117
135
  }
118
136
  }
119
137