@lumx/core 3.6.5 → 3.6.6-alpha.0

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
@@ -40,7 +40,7 @@
40
40
  "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
41
41
  },
42
42
  "sideEffects": false,
43
- "version": "3.6.5",
43
+ "version": "3.6.6-alpha.0",
44
44
  "devDependencies": {
45
45
  "@babel/core": "^7.18.13",
46
46
  "@babel/plugin-proposal-class-properties": "^7.18.6",
@@ -135,22 +135,5 @@
135
135
  .#{$lumx-base-prefix}-chip-group {
136
136
  display: flex;
137
137
  flex-wrap: wrap;
138
- margin: -$lumx-chip-group-spacing 0;
139
-
140
- .#{$lumx-base-prefix}-chip {
141
- margin: $lumx-chip-group-spacing 0;
142
- }
143
-
144
- &--align-left .#{$lumx-base-prefix}-chip {
145
- margin-right: $lumx-chip-group-spacing * 2;
146
- }
147
-
148
- &--align-center .#{$lumx-base-prefix}-chip {
149
- margin-right: $lumx-chip-group-spacing;
150
- margin-left: $lumx-chip-group-spacing;
151
- }
152
-
153
- &--align-right .#{$lumx-base-prefix}-chip {
154
- margin-left: $lumx-chip-group-spacing * 2;
155
- }
138
+ gap: $lumx-chip-group-spacing * 2;
156
139
  }
@@ -64,6 +64,7 @@
64
64
 
65
65
  &__chips {
66
66
  @include lumx-text-field-chips;
67
+ margin: $lumx-chip-group-spacing * 2 0;
67
68
  }
68
69
 
69
70
  &__input-native {
@@ -141,9 +141,5 @@
141
141
  flex-wrap: wrap;
142
142
  align-items: center;
143
143
  margin: calc((var(--lumx-text-field-input-min-height) - var(--lumx-size-s) - 6px) / 2) 0;
144
-
145
- .#{$lumx-base-prefix}-chip {
146
- margin: $lumx-chip-group-spacing 0;
147
- margin-right: $lumx-chip-group-spacing * 2;
148
- }
144
+ gap: $lumx-chip-group-spacing * 2;
149
145
  }
@@ -44,6 +44,7 @@
44
44
 
45
45
  &__background {
46
46
  position: relative;
47
+ display: block;
47
48
  width: 100%;
48
49
  overflow: hidden;
49
50
 
@@ -84,6 +85,10 @@
84
85
  right: math.div(-$lumx-spacing-unit, 2);
85
86
  bottom: math.div(-$lumx-spacing-unit, 2);
86
87
  }
88
+
89
+ &__fallback {
90
+ display: block;
91
+ }
87
92
  }
88
93
 
89
94
  /* Thumbnail sizes
@@ -19,3 +19,17 @@
19
19
  .#{$lumx-base-prefix}-base-display-block {
20
20
  display: block;
21
21
  }
22
+
23
+ /* A11Y
24
+ ========================================================================== */
25
+
26
+ .visually-hidden {
27
+ position: absolute !important;
28
+ width: 1px !important;
29
+ height: 1px !important;
30
+ padding: 0 !important;
31
+ margin: -1px !important;
32
+ overflow: hidden !important;
33
+ clip: rect(0 0 0 0) !important;
34
+ border: 0 !important;
35
+ }