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

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.
Files changed (3) hide show
  1. package/lumx.css +14 -8
  2. package/package.json +2 -2
  3. package/scss/components/list/_mixins.scss +4 -4
package/lumx.css CHANGED
@@ -8712,12 +8712,15 @@ 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: left;
8722
+ color: var(--lumx-color-dark-N);
8723
+ background-color: transparent;
8721
8724
  }
8722
8725
  .lumx-list-item__link[data-focus-visible-added] {
8723
8726
  outline: 2px solid var(--lumx-color-dark-N);
@@ -10410,12 +10413,15 @@ table {
10410
10413
  /* Item link states
10411
10414
  ========================================================================== */
10412
10415
  .lumx-side-navigation-item__link {
10413
- all: unset;
10414
- box-sizing: border-box;
10415
- color: var(--lumx-color-dark-N);
10416
- background-color: transparent;
10416
+ -webkit-appearance: none;
10417
+ -moz-appearance: none;
10418
+ appearance: none;
10419
+ border: none;
10417
10420
  width: 100%;
10418
10421
  cursor: pointer;
10422
+ text-align: left;
10423
+ color: var(--lumx-color-dark-N);
10424
+ background-color: transparent;
10419
10425
  }
10420
10426
  .lumx-side-navigation-item__link[data-focus-visible-added] {
10421
10427
  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.3",
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.3",
71
71
  "devDependencies": {
72
72
  "@rollup/plugin-typescript": "^12.3.0",
73
73
  "@testing-library/dom": "^10.4.1",
package/scss/components/list/_mixins.scss CHANGED
@@ -25,12 +25,12 @@
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: left;
33
+ @include lumx-state(lumx-base-const("state", "DEFAULT"), lumx-base-const("emphasis", "LOW"), "dark");
34
34
 
35
35
  &[data-focus-visible-added] {
36
36
  outline: 2px solid lumx-color-variant("dark", "N");