@odx/ui 3.4.2 → 3.4.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 (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/core-theme.css +2 -23
  3. package/package.json +1 -1
  4. package/scss/components/link.component.scss +2 -22
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @odx/ui
2
2
 
3
+ ## 3.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - a0b9ae3: Use browser native text decoration for links
8
+
3
9
  ## 3.4.2
4
10
 
5
11
  ### Patch Changes
package/core-theme.css CHANGED
@@ -4334,41 +4334,20 @@ html body .odx-fs-italic {
4334
4334
  outline-color: transparent;
4335
4335
  pointer-events: none;
4336
4336
  }
4337
- .odx-link::before {
4338
- transition-delay: 0ms;
4339
- transition-duration: var(--odx-v-transition-duration);
4340
- transition-property: width;
4341
- transition-timing-function: var(--odx-v-transition-easing-fn);
4342
- background-color: currentcolor;
4343
- bottom: 1px;
4344
- content: "";
4345
- height: 1px;
4346
- left: 50%;
4347
- position: absolute;
4348
- transform: translateX(-50%);
4349
- width: 0;
4350
- }
4351
4337
  @media (hover: hover){
4352
4338
  .odx-link:hover {
4353
4339
  color: var(--odx-c-link-hover);
4354
- }
4355
- }
4356
- @media (hover: hover){
4357
- .odx-link:hover::before {
4358
- width: 98%;
4340
+ text-decoration: underline;
4359
4341
  }
4360
4342
  }
4361
4343
  .odx-link:active {
4362
4344
  color: var(--odx-c-link-active);
4363
4345
  }
4364
4346
  .odx-link.is-disabled {
4365
- color: var(--odx-c-link-disabled) !important;
4347
+ color: var(--odx-c-link-disabled);
4366
4348
  pointer-events: none;
4367
4349
  text-decoration: none;
4368
4350
  }
4369
- .odx-link.is-disabled::before {
4370
- content: none;
4371
- }
4372
4351
 
4373
4352
  .odx-list {
4374
4353
  display: block;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/ui",
3
- "version": "3.4.2",
3
+ "version": "3.4.3",
4
4
  "author": "Drägerwerk AG & Co.KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "peerDependencies": {
package/scss/components/link.component.scss CHANGED
@@ -11,25 +11,9 @@
11
11
  position: relative;
12
12
  user-select: auto;
13
13
 
14
- &::before {
15
- @include motion.transition(width);
16
-
17
- background-color: currentcolor;
18
- bottom: 1px;
19
- content: '';
20
- height: 1px;
21
- left: 50%;
22
- position: absolute;
23
- transform: translateX(-50%);
24
- width: 0;
25
- }
26
-
27
14
  &:hover {
28
15
  color: var(--odx-c-link-hover);
29
-
30
- &::before {
31
- width: 98%;
32
- }
16
+ text-decoration: underline;
33
17
  }
34
18
 
35
19
  &:active {
@@ -37,12 +21,8 @@
37
21
  }
38
22
 
39
23
  &.is-disabled {
40
- color: var(--odx-c-link-disabled) !important;
24
+ color: var(--odx-c-link-disabled);
41
25
  pointer-events: none;
42
26
  text-decoration: none;
43
-
44
- &::before {
45
- content: none;
46
- }
47
27
  }
48
28
  }