@entur/datepicker 3.0.0 → 3.0.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.
Files changed (3) hide show
  1. package/CHANGELOG.md +7 -13
  2. package/dist/styles.css +67 -67
  3. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,25 +3,19 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [3.0.0-alpha.1](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@2.1.3...@entur/datepicker@3.0.0-alpha.1) (2022-09-06)
6
+ ## [3.0.2](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@3.0.1...@entur/datepicker@3.0.2) (2022-10-12)
7
7
 
8
- ### Bug Fixes
9
-
10
- - **timepicker:** fix bugs with disabled state in new TimePicker ([b82a9ca](https://bitbucket.org/enturas/design-system/commits/b82a9ca2bfb9611b07c8f244035a5309438555e2))
8
+ **Note:** Version bump only for package @entur/datepicker
11
9
 
12
- ### Features
10
+ ## [3.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@3.0.0...@entur/datepicker@3.0.1) (2022-09-27)
13
11
 
14
- - **native time picker:** update native timepicker with small tweaks ([9d72bf7](https://bitbucket.org/enturas/design-system/commits/9d72bf79951aed9b236fb55a007fc96d019b9c46))
15
- - **timepicker:** add new timepicker component using react-aria ([cd90a09](https://bitbucket.org/enturas/design-system/commits/cd90a092de72ebf1cf1cef61147ada5f42fb67b4))
16
- - **timepicker utils:** add utility functions for converting between TimeValue and JS Date ([f5ee77e](https://bitbucket.org/enturas/design-system/commits/f5ee77e9b3666816bda82b7e0deceaf27672f536))
12
+ **Note:** Version bump only for package @entur/datepicker
17
13
 
18
- ### BREAKING CHANGES
14
+ # [3.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@2.1.3...@entur/datepicker@3.0.0-alpha.1) (2022-09-06)
19
15
 
20
- - **native time picker:** disableLabelAnimation prop has been removed (is always true now)
21
- - **timepicker:** This is a complete rewrite. Changes in the API will need to be accounted for when using this new
22
- version
16
+ ### Bug Fixes
23
17
 
24
- # [3.0.0-alpha.0](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@2.1.3...@entur/datepicker@3.0.0-alpha.0) (2022-09-02)
18
+ - **timepicker:** fix bugs with disabled state in new TimePicker ([b82a9ca](https://bitbucket.org/enturas/design-system/commits/b82a9ca2bfb9611b07c8f244035a5309438555e2))
25
19
 
26
20
  ### Features
27
21
 
package/dist/styles.css CHANGED
@@ -2,9 +2,72 @@
2
2
  --eds-datepicker: 1;
3
3
  }/* DO NOT CHANGE!*/
4
4
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
5
+ .eds-timepicker__wrapper {
6
6
  position: relative;
7
- top: -0.5rem;
7
+ display: flex;
8
+ align-items: center;
9
+ width: -webkit-fit-content;
10
+ width: -moz-fit-content;
11
+ width: fit-content;
12
+ }
13
+ .eds-timepicker__wrapper .eds-timepicker {
14
+ justify-content: center;
15
+ padding: 0rem 3rem;
16
+ }
17
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
18
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
19
+ margin-left: 0rem !important;
20
+ }
21
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
22
+ color: #181c56;
23
+ }
24
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
25
+ position: absolute;
26
+ left: 0.35rem;
27
+ z-index: 1;
28
+ }
29
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
30
+ position: absolute;
31
+ right: 0.4rem;
32
+ }
33
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
34
+ opacity: 0.5;
35
+ pointer-events: none;
36
+ visibility: hidden;
37
+ }
38
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
39
+ background-color: #d1d4e3;
40
+ }
41
+ [dir="ltr"] .eds-timepicker__wrapper .eds-timepicker__segment {
42
+ text-align: right;
43
+ }
44
+ [dir="rtl"] .eds-timepicker__wrapper .eds-timepicker__segment {
45
+ text-align: left;
46
+ }
47
+ .eds-timepicker__wrapper .eds-timepicker__segment {
48
+ margin-top: 1rem;
49
+ padding: 0 2px;
50
+ font-feature-settings: "tnum";
51
+ font-variant-numeric: tabular-nums;
52
+ }
53
+ .eds-timepicker__wrapper .eds-timepicker__segment--placeholder {
54
+ color: grey;
55
+ }
56
+ .eds-timepicker__wrapper .eds-timepicker__segment:focus {
57
+ background: rgba(68, 192, 255, 0.5);
58
+ outline: none;
59
+ border-radius: 0.0625rem;
60
+ }
61
+ .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
62
+ margin-top: 0.75rem;
63
+ margin-right: -0.25rem;
64
+ }
65
+ .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
66
+ display: none;
67
+ }
68
+ .eds-timepicker__wrapper .eds-feedback-text {
69
+ position: absolute;
70
+ top: 3.5rem;
8
71
  }/* DO NOT CHANGE!*/
9
72
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
10
73
  .eds-datepicker__calender {
@@ -129,70 +192,7 @@
129
192
  height: 2.75rem;
130
193
  }/* DO NOT CHANGE!*/
131
194
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
132
- .eds-timepicker__wrapper {
195
+ .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
133
196
  position: relative;
134
- display: flex;
135
- align-items: center;
136
- width: -webkit-fit-content;
137
- width: -moz-fit-content;
138
- width: fit-content;
139
- }
140
- .eds-timepicker__wrapper .eds-timepicker {
141
- justify-content: center;
142
- padding: 0rem 3rem;
143
- }
144
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
145
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
146
- margin-left: 0rem !important;
147
- }
148
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
149
- color: #181c56;
150
- }
151
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
152
- position: absolute;
153
- left: 0.35rem;
154
- z-index: 1;
155
- }
156
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
157
- position: absolute;
158
- right: 0.4rem;
159
- }
160
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
161
- opacity: 0.5;
162
- pointer-events: none;
163
- visibility: hidden;
164
- }
165
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
166
- background-color: #d1d4e3;
167
- }
168
- [dir="ltr"] .eds-timepicker__wrapper .eds-timepicker__segment {
169
- text-align: right;
170
- }
171
- [dir="rtl"] .eds-timepicker__wrapper .eds-timepicker__segment {
172
- text-align: left;
173
- }
174
- .eds-timepicker__wrapper .eds-timepicker__segment {
175
- margin-top: 1rem;
176
- padding: 0 2px;
177
- font-feature-settings: "tnum";
178
- font-variant-numeric: tabular-nums;
179
- }
180
- .eds-timepicker__wrapper .eds-timepicker__segment--placeholder {
181
- color: grey;
182
- }
183
- .eds-timepicker__wrapper .eds-timepicker__segment:focus {
184
- background: rgba(68, 192, 255, 0.5);
185
- outline: none;
186
- border-radius: 0.0625rem;
187
- }
188
- .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
189
- margin-top: 0.75rem;
190
- margin-right: -0.25rem;
191
- }
192
- .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
193
- display: none;
194
- }
195
- .eds-timepicker__wrapper .eds-feedback-text {
196
- position: absolute;
197
- top: 3.5rem;
197
+ top: -0.5rem;
198
198
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "3.0.0",
3
+ "version": "3.0.2",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -27,8 +27,8 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/form": "^5.4.4",
31
- "@entur/icons": "^4.3.3",
30
+ "@entur/form": "^5.4.5",
31
+ "@entur/icons": "^5.0.0",
32
32
  "@entur/tokens": "^3.4.1",
33
33
  "@entur/typography": "^1.7.0",
34
34
  "@entur/utils": "^0.4.5",
@@ -45,5 +45,5 @@
45
45
  "node": "14.17.0",
46
46
  "yarn": "1.18.0"
47
47
  },
48
- "gitHead": "c1318d134c4097efd550872cabf41b1e67940eae"
48
+ "gitHead": "e6da59550f3ace8e356155d60ce72d480aa17d51"
49
49
  }