@entur/layout 2.3.21 → 2.4.0-beta.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.
Files changed (2) hide show
  1. package/dist/styles.css +28 -28
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -1,27 +1,5 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- .eds-base-card {
4
- display: flex;
5
- box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
6
- background-color: var(--components-layout-card-standard-fill-default);
7
- border: 0.0625rem solid var(--components-layout-card-standard-border-default);
8
- color: var(--components-layout-card-standard-text);
9
- border-radius: 0.25rem;
10
- align-items: center;
11
- -webkit-appearance: none;
12
- -moz-appearance: none;
13
- appearance: none;
14
- -webkit-text-decoration: none;
15
- text-decoration: none;
16
- }
17
- .eds-contrast .eds-base-card {
18
- background-color: var(--components-layout-card-contrast-fill-default);
19
- border-color: var(--components-layout-card-contrast-border-default);
20
- box-shadow: 0 0.0625rem 0.1875rem 0 rgb(57, 61, 121);
21
- color: var(--components-layout-card-contrast-text);
22
- }
23
- /* DO NOT CHANGE!*/
24
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
25
3
  .eds-navigation-card {
26
4
  display: flex;
27
5
  flex-direction: column;
@@ -56,12 +34,12 @@
56
34
  .eds-navigation-card:hover .eds-navigation-card__title:after {
57
35
  width: 100%;
58
36
  }
59
- .eds-navigation-card:focus {
37
+ .eds-navigation-card:focus-visible {
60
38
  outline: 2px solid #181c56;
61
39
  outline-color: var(--basecolors-stroke-focus-standard);
62
40
  outline-offset: 0.125rem;
63
41
  }
64
- .eds-contrast .eds-navigation-card:focus {
42
+ .eds-contrast .eds-navigation-card:focus-visible {
65
43
  outline-color: var(--basecolors-stroke-focus-contrast);
66
44
  }
67
45
  .eds-navigation-card__title-icon {
@@ -117,6 +95,28 @@
117
95
  }
118
96
  /* DO NOT CHANGE!*/
119
97
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
98
+ .eds-base-card {
99
+ display: flex;
100
+ box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
101
+ background-color: var(--components-layout-card-standard-fill-default);
102
+ border: 0.0625rem solid var(--components-layout-card-standard-border-default);
103
+ color: var(--components-layout-card-standard-text);
104
+ border-radius: 0.25rem;
105
+ align-items: center;
106
+ -webkit-appearance: none;
107
+ -moz-appearance: none;
108
+ appearance: none;
109
+ -webkit-text-decoration: none;
110
+ text-decoration: none;
111
+ }
112
+ .eds-contrast .eds-base-card {
113
+ background-color: var(--components-layout-card-contrast-fill-default);
114
+ border-color: var(--components-layout-card-contrast-border-default);
115
+ box-shadow: 0 0.0625rem 0.1875rem 0 rgb(57, 61, 121);
116
+ color: var(--components-layout-card-contrast-text);
117
+ }
118
+ /* DO NOT CHANGE!*/
119
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
120
120
  .eds-media-card {
121
121
  flex-direction: column;
122
122
  overflow: hidden;
@@ -129,12 +129,12 @@
129
129
  .eds-contrast .eds-media-card {
130
130
  background-color: var(--components-layout-card-contrast-fill-default);
131
131
  }
132
- .eds-media-card:focus, .eds-media-card:focus-within {
132
+ .eds-media-card:has(:focus-visible) {
133
133
  outline: 2px solid #181c56;
134
134
  outline-color: var(--basecolors-stroke-focus-standard);
135
135
  outline-offset: 0.125rem;
136
136
  }
137
- .eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card:focus-within {
137
+ .eds-contrast .eds-media-card:has(:focus-visible) {
138
138
  outline-color: var(--basecolors-stroke-focus-contrast);
139
139
  }
140
140
  .eds-media-card:hover {
@@ -386,8 +386,6 @@
386
386
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
387
387
  /* DO NOT CHANGE!*/
388
388
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
389
- /* DO NOT CHANGE!*/
390
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
391
389
  [data-color-mode=light],
392
390
  :root {
393
391
  --components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
@@ -710,3 +708,5 @@
710
708
  .eds-tag--compact.eds-tag--trailing-icon .eds-icon {
711
709
  margin-left: 0.25rem;
712
710
  }
711
+ /* DO NOT CHANGE!*/
712
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/layout",
3
- "version": "2.3.21",
3
+ "version": "2.4.0-beta.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/layout.esm.js",
@@ -27,14 +27,14 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/icons": "^7.5.1",
31
- "@entur/tokens": "^3.17.4",
32
- "@entur/typography": "^1.8.50",
30
+ "@entur/icons": "^7.6.0",
31
+ "@entur/tokens": "^3.17.5",
32
+ "@entur/typography": "^1.9.0-beta.0",
33
33
  "@entur/utils": "^0.12.2",
34
34
  "classnames": "^2.3.1"
35
35
  },
36
36
  "devDependencies": {
37
37
  "dts-cli": "2.0.5"
38
38
  },
39
- "gitHead": "835e1335b390f48b80379ae6c473ac89041a392a"
39
+ "gitHead": "6ee621529704e08c9814cda206da98c37a9f0689"
40
40
  }