@lumx/core 4.5.2-alpha.1 → 4.5.2-alpha.2

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/lumx.css CHANGED
@@ -8712,12 +8712,17 @@ table {
8712
8712
  /* Item link
8713
8713
  ========================================================================== */
8714
8714
  .lumx-list-item__link {
8715
- all: unset;
8716
- box-sizing: border-box;
8717
- color: var(--lumx-color-dark-N);
8718
- background-color: transparent;
8715
+ -webkit-appearance: none;
8716
+ -moz-appearance: none;
8717
+ appearance: none;
8718
+ border: none;
8719
8719
  width: 100%;
8720
8720
  cursor: pointer;
8721
+ text-align: inherit;
8722
+ padding: 0;
8723
+ margin: 0;
8724
+ color: var(--lumx-color-dark-N);
8725
+ background-color: transparent;
8721
8726
  }
8722
8727
  .lumx-list-item__link[data-focus-visible-added] {
8723
8728
  outline: 2px solid var(--lumx-color-dark-N);
@@ -10410,12 +10415,17 @@ table {
10410
10415
  /* Item link states
10411
10416
  ========================================================================== */
10412
10417
  .lumx-side-navigation-item__link {
10413
- all: unset;
10414
- box-sizing: border-box;
10415
- color: var(--lumx-color-dark-N);
10416
- background-color: transparent;
10418
+ -webkit-appearance: none;
10419
+ -moz-appearance: none;
10420
+ appearance: none;
10421
+ border: none;
10417
10422
  width: 100%;
10418
10423
  cursor: pointer;
10424
+ text-align: inherit;
10425
+ padding: 0;
10426
+ margin: 0;
10427
+ color: var(--lumx-color-dark-N);
10428
+ background-color: transparent;
10419
10429
  }
10420
10430
  .lumx-side-navigation-item__link[data-focus-visible-added] {
10421
10431
  outline: 2px solid var(--lumx-color-dark-N);
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  },
8
8
  "dependencies": {
9
9
  "@floating-ui/dom": "^1.7.5",
10
- "@lumx/icons": "^4.5.2-alpha.1",
10
+ "@lumx/icons": "^4.5.2-alpha.2",
11
11
  "classnames": "^2.3.2",
12
12
  "focus-visible": "^5.0.2",
13
13
  "lodash": "4.17.23",
@@ -67,7 +67,7 @@
67
67
  "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
68
68
  },
69
69
  "sideEffects": false,
70
- "version": "4.5.2-alpha.1",
70
+ "version": "4.5.2-alpha.2",
71
71
  "devDependencies": {
72
72
  "@rollup/plugin-typescript": "^12.3.0",
73
73
  "@testing-library/dom": "^10.4.1",
@@ -25,12 +25,14 @@
25
25
  }
26
26
 
27
27
  @mixin lumx-list-item-clickable() {
28
- all: unset;
29
- box-sizing: border-box;
30
- @include lumx-state(lumx-base-const("state", "DEFAULT"), lumx-base-const("emphasis", "LOW"), "dark");
31
-
28
+ appearance: none;
29
+ border: none;
32
30
  width: 100%;
33
31
  cursor: pointer;
32
+ text-align: inherit;
33
+ padding: 0;
34
+ margin: 0;
35
+ @include lumx-state(lumx-base-const("state", "DEFAULT"), lumx-base-const("emphasis", "LOW"), "dark");
34
36
 
35
37
  &[data-focus-visible-added] {
36
38
  outline: 2px solid lumx-color-variant("dark", "N");