@transferwise/components 0.0.0-experimental-78b0ea0 → 0.0.0-experimental-0ddfdc3

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 (24) hide show
  1. package/build/main.css +5 -44
  2. package/build/styles/accordion/Accordion.css +0 -1
  3. package/build/styles/avatar/Avatar.css +0 -2
  4. package/build/styles/card/Card.css +0 -7
  5. package/build/styles/flowNavigation/FlowNavigation.css +4 -26
  6. package/build/styles/inputs/Input.css +0 -1
  7. package/build/styles/inputs/TextArea.css +0 -1
  8. package/build/styles/main.css +5 -44
  9. package/build/styles/popover/Popover.css +0 -1
  10. package/build/styles/select/Select.css +0 -1
  11. package/build/styles/snackbar/Snackbar.css +0 -1
  12. package/build/styles/tile/Tile.css +0 -5
  13. package/package.json +3 -3
  14. package/src/accordion/Accordion.css +0 -1
  15. package/src/avatar/Avatar.css +0 -2
  16. package/src/card/Card.css +0 -7
  17. package/src/flowNavigation/FlowNavigation.css +4 -26
  18. package/src/inputs/Input.css +0 -1
  19. package/src/inputs/TextArea.css +0 -1
  20. package/src/main.css +5 -44
  21. package/src/popover/Popover.css +0 -1
  22. package/src/select/Select.css +0 -1
  23. package/src/snackbar/Snackbar.css +0 -1
  24. package/src/tile/Tile.css +0 -5
package/build/main.css CHANGED
@@ -74,9 +74,7 @@ div.critical-comms .critical-comms-body {
74
74
  flex-wrap: wrap;
75
75
  }
76
76
  }
77
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
78
- font-weight: 400;
79
- font-weight: var(--font-weight-regular);line-height: 1.5;line-height: var(--line-height-body);
77
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {line-height: 1.5;line-height: var(--line-height-body);
80
78
  }
81
79
  .tw-date-lookup-calendar > tbody > tr > td.weekend button {
82
80
  font-size: 1rem;
@@ -88,8 +86,6 @@ div.critical-comms .critical-comms-body {
88
86
  }
89
87
  @media (min-width: 768px) {
90
88
  }
91
- @media (min-width: 768px) {
92
- }
93
89
  .np-accordion-item {
94
90
  display: block;
95
91
  width: 100%;
@@ -258,7 +254,6 @@ div.critical-comms .critical-comms-body {
258
254
  }
259
255
  .tw-avatar.tw-avatar--initials,
260
256
  .tw-avatar.tw-avatar--emoji {
261
- font-family: Arial, sans-serif;
262
257
  font-weight: 600;
263
258
  font-weight: var(--font-weight-semi-bold);
264
259
  }
@@ -597,13 +592,6 @@ div.critical-comms .critical-comms-body {
597
592
  [dir="rtl"] .np-card__button {
598
593
  text-align: right;
599
594
  }
600
- .np-theme-personal .np-card__button:focus {
601
- outline: none;
602
- }
603
- .np-theme-personal .np-card__button:focus-visible {
604
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
605
- outline-offset: var(--ring-outline-offset);
606
- }
607
595
  .np-card__content {
608
596
  padding: 24px 16px;
609
597
  padding: var(--size-24) var(--size-16);
@@ -2042,19 +2030,9 @@ button.np-option {
2042
2030
  max-width: 1164px;
2043
2031
  }
2044
2032
  .np-flow-navigation__stepper {
2045
- padding-bottom: 0 !important;
2046
- }
2047
- [dir="rtl"] .np-flow-navigation__stepper {
2048
- padding-right: 0 !important;
2049
- }
2050
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
2051
- padding-left: 0 !important;
2052
- }
2053
- [dir="rtl"] .np-flow-navigation__stepper {
2054
- padding-left: 0 !important;
2055
- }
2056
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
2057
- padding-right: 0 !important;
2033
+ padding-bottom: 0px !important;
2034
+ padding-left: 0px !important;
2035
+ padding-right: 0px !important;
2058
2036
  }
2059
2037
  .np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps {
2060
2038
  display: none;
@@ -2066,23 +2044,11 @@ html:not([dir="rtl"]) .np-flow-navigation__stepper {
2066
2044
  height: auto;
2067
2045
  }
2068
2046
  .np-flow-navigation--sm .np-flow-navigation__stepper {
2069
- min-height: 56px;
2070
- }
2071
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
2072
- padding-right: 24px !important;
2073
- padding-right: var(--size-24) !important;
2074
- }
2075
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2076
- padding-left: 24px !important;
2077
- padding-left: var(--size-24) !important;
2078
- }
2079
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
2080
2047
  padding-left: 24px !important;
2081
2048
  padding-left: var(--size-24) !important;
2082
- }
2083
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2084
2049
  padding-right: 24px !important;
2085
2050
  padding-right: var(--size-24) !important;
2051
+ min-height: 56px;
2086
2052
  }
2087
2053
  .np-flow-navigation--lg .np-flow-navigation__stepper {
2088
2054
  max-width: 562px;
@@ -3998,7 +3964,6 @@ html:not([dir="rtl"]) .np-navigation-option {
3998
3964
  z-index: 1060;
3999
3965
  }
4000
3966
  [dir="rtl"] .snackbar {
4001
- right: 0;
4002
3967
  left: auto;
4003
3968
  left: initial;
4004
3969
  }
@@ -4948,10 +4913,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4948
4913
  width: 100%;
4949
4914
  }
4950
4915
  .np-tile__description {
4951
- color: #5d7079;
4952
- color: var(--color-content-secondary);
4953
- margin-top: 12px;
4954
- margin-top: var(--size-12);
4955
4916
  display: inline-block;
4956
4917
  }
4957
4918
  .np-tile--small.np-decision__tile--fixed-width {
package/build/styles/accordion/Accordion.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-accordion-item {
4
3
  display: block;
5
4
  width: 100%;
package/build/styles/avatar/Avatar.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.tw-avatar {
4
3
  position: relative;
5
4
  border-radius: 50%;
@@ -39,7 +38,6 @@
39
38
  max-width: 100%;
40
39
  }.tw-avatar.tw-avatar--initials,
41
40
  .tw-avatar.tw-avatar--emoji {
42
- font-family: Arial, sans-serif;
43
41
  font-weight: 600;
44
42
  font-weight: var(--font-weight-semi-bold);
45
43
  }.tw-avatar.tw-avatar--initials,
package/build/styles/card/Card.css CHANGED
@@ -44,13 +44,6 @@
44
44
  [dir="rtl"] .np-card__button {
45
45
  text-align: right;
46
46
  }
47
- .np-theme-personal .np-card__button:focus {
48
- outline: none;
49
- }
50
- .np-theme-personal .np-card__button:focus-visible {
51
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
52
- outline-offset: var(--ring-outline-offset);
53
- }
54
47
  .np-card__content {
55
48
  padding: 24px 16px;
56
49
  padding: var(--size-24) var(--size-16);
package/build/styles/flowNavigation/FlowNavigation.css CHANGED
@@ -13,19 +13,9 @@
13
13
  max-width: 1164px;
14
14
  }
15
15
  .np-flow-navigation__stepper {
16
- padding-bottom: 0 !important;
17
- }
18
- [dir="rtl"] .np-flow-navigation__stepper {
19
- padding-right: 0 !important;
20
- }
21
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
22
- padding-left: 0 !important;
23
- }
24
- [dir="rtl"] .np-flow-navigation__stepper {
25
- padding-left: 0 !important;
26
- }
27
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
28
- padding-right: 0 !important;
16
+ padding-bottom: 0px !important;
17
+ padding-left: 0px !important;
18
+ padding-right: 0px !important;
29
19
  }
30
20
  .np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps {
31
21
  display: none;
@@ -37,23 +27,11 @@ html:not([dir="rtl"]) .np-flow-navigation__stepper {
37
27
  height: auto;
38
28
  }
39
29
  .np-flow-navigation--sm .np-flow-navigation__stepper {
40
- min-height: 56px;
41
- }
42
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
43
- padding-right: 24px !important;
44
- padding-right: var(--size-24) !important;
45
- }
46
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
47
30
  padding-left: 24px !important;
48
31
  padding-left: var(--size-24) !important;
49
- }
50
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
51
- padding-left: 24px !important;
52
- padding-left: var(--size-24) !important;
53
- }
54
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
55
32
  padding-right: 24px !important;
56
33
  padding-right: var(--size-24) !important;
34
+ min-height: 56px;
57
35
  }
58
36
  .np-flow-navigation--lg .np-flow-navigation__stepper {
59
37
  max-width: 562px;
package/build/styles/inputs/Input.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/build/styles/inputs/TextArea.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/build/styles/main.css CHANGED
@@ -74,9 +74,7 @@ div.critical-comms .critical-comms-body {
74
74
  flex-wrap: wrap;
75
75
  }
76
76
  }
77
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
78
- font-weight: 400;
79
- font-weight: var(--font-weight-regular);line-height: 1.5;line-height: var(--line-height-body);
77
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {line-height: 1.5;line-height: var(--line-height-body);
80
78
  }
81
79
  .tw-date-lookup-calendar > tbody > tr > td.weekend button {
82
80
  font-size: 1rem;
@@ -88,8 +86,6 @@ div.critical-comms .critical-comms-body {
88
86
  }
89
87
  @media (min-width: 768px) {
90
88
  }
91
- @media (min-width: 768px) {
92
- }
93
89
  .np-accordion-item {
94
90
  display: block;
95
91
  width: 100%;
@@ -258,7 +254,6 @@ div.critical-comms .critical-comms-body {
258
254
  }
259
255
  .tw-avatar.tw-avatar--initials,
260
256
  .tw-avatar.tw-avatar--emoji {
261
- font-family: Arial, sans-serif;
262
257
  font-weight: 600;
263
258
  font-weight: var(--font-weight-semi-bold);
264
259
  }
@@ -597,13 +592,6 @@ div.critical-comms .critical-comms-body {
597
592
  [dir="rtl"] .np-card__button {
598
593
  text-align: right;
599
594
  }
600
- .np-theme-personal .np-card__button:focus {
601
- outline: none;
602
- }
603
- .np-theme-personal .np-card__button:focus-visible {
604
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
605
- outline-offset: var(--ring-outline-offset);
606
- }
607
595
  .np-card__content {
608
596
  padding: 24px 16px;
609
597
  padding: var(--size-24) var(--size-16);
@@ -2042,19 +2030,9 @@ button.np-option {
2042
2030
  max-width: 1164px;
2043
2031
  }
2044
2032
  .np-flow-navigation__stepper {
2045
- padding-bottom: 0 !important;
2046
- }
2047
- [dir="rtl"] .np-flow-navigation__stepper {
2048
- padding-right: 0 !important;
2049
- }
2050
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
2051
- padding-left: 0 !important;
2052
- }
2053
- [dir="rtl"] .np-flow-navigation__stepper {
2054
- padding-left: 0 !important;
2055
- }
2056
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
2057
- padding-right: 0 !important;
2033
+ padding-bottom: 0px !important;
2034
+ padding-left: 0px !important;
2035
+ padding-right: 0px !important;
2058
2036
  }
2059
2037
  .np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps {
2060
2038
  display: none;
@@ -2066,23 +2044,11 @@ html:not([dir="rtl"]) .np-flow-navigation__stepper {
2066
2044
  height: auto;
2067
2045
  }
2068
2046
  .np-flow-navigation--sm .np-flow-navigation__stepper {
2069
- min-height: 56px;
2070
- }
2071
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
2072
- padding-right: 24px !important;
2073
- padding-right: var(--size-24) !important;
2074
- }
2075
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2076
- padding-left: 24px !important;
2077
- padding-left: var(--size-24) !important;
2078
- }
2079
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
2080
2047
  padding-left: 24px !important;
2081
2048
  padding-left: var(--size-24) !important;
2082
- }
2083
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2084
2049
  padding-right: 24px !important;
2085
2050
  padding-right: var(--size-24) !important;
2051
+ min-height: 56px;
2086
2052
  }
2087
2053
  .np-flow-navigation--lg .np-flow-navigation__stepper {
2088
2054
  max-width: 562px;
@@ -3998,7 +3964,6 @@ html:not([dir="rtl"]) .np-navigation-option {
3998
3964
  z-index: 1060;
3999
3965
  }
4000
3966
  [dir="rtl"] .snackbar {
4001
- right: 0;
4002
3967
  left: auto;
4003
3968
  left: initial;
4004
3969
  }
@@ -4948,10 +4913,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4948
4913
  width: 100%;
4949
4914
  }
4950
4915
  .np-tile__description {
4951
- color: #5d7079;
4952
- color: var(--color-content-secondary);
4953
- margin-top: 12px;
4954
- margin-top: var(--size-12);
4955
4916
  display: inline-block;
4956
4917
  }
4957
4918
  .np-tile--small.np-decision__tile--fixed-width {
package/build/styles/popover/Popover.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-theme-personal .np-popover__container {
4
3
  border-radius: 16px;
5
4
  border-radius: var(--radius-medium);
package/build/styles/select/Select.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-select .np-dropdown-toggle {
4
3
  background-color: #ffffff;
5
4
  background-color: var(--color-background-screen);
package/build/styles/snackbar/Snackbar.css CHANGED
@@ -7,7 +7,6 @@
7
7
  z-index: 1060;
8
8
  }
9
9
  [dir="rtl"] .snackbar {
10
- right: 0;
11
10
  left: auto;
12
11
  left: initial;
13
12
  }
package/build/styles/tile/Tile.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-tile {
4
3
  min-width: 120px;
5
4
  border-radius: 10px;
@@ -28,10 +27,6 @@
28
27
  }.np-tile__media {
29
28
  width: 100%;
30
29
  }.np-tile__description {
31
- color: #5d7079;
32
- color: var(--color-content-secondary);
33
- margin-top: 12px;
34
- margin-top: var(--size-12);
35
30
  display: inline-block;
36
31
  }.np-tile--small.np-decision__tile--fixed-width {
37
32
  width: 260px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-78b0ea0",
3
+ "version": "0.0.0-experimental-0ddfdc3",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -78,12 +78,12 @@
78
78
  "rollup": "^3.28.1",
79
79
  "storybook": "^7.4.5",
80
80
  "@transferwise/less-config": "3.1.0",
81
- "@transferwise/neptune-css": "14.9.3",
81
+ "@transferwise/neptune-css": "0.0.0-experimental-0ddfdc3",
82
82
  "@wise/components-theming": "0.8.4"
83
83
  },
84
84
  "peerDependencies": {
85
85
  "@transferwise/icons": "^3.7.0",
86
- "@transferwise/neptune-css": "^14.9.3",
86
+ "@transferwise/neptune-css": "0.0.0-experimental-0ddfdc3",
87
87
  "@wise/art": "^2.7.0",
88
88
  "@wise/components-theming": "^0.8.4",
89
89
  "react": ">=16.14",
package/src/accordion/Accordion.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-accordion-item {
4
3
  display: block;
5
4
  width: 100%;
package/src/avatar/Avatar.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.tw-avatar {
4
3
  position: relative;
5
4
  border-radius: 50%;
@@ -39,7 +38,6 @@
39
38
  max-width: 100%;
40
39
  }.tw-avatar.tw-avatar--initials,
41
40
  .tw-avatar.tw-avatar--emoji {
42
- font-family: Arial, sans-serif;
43
41
  font-weight: 600;
44
42
  font-weight: var(--font-weight-semi-bold);
45
43
  }.tw-avatar.tw-avatar--initials,
package/src/card/Card.css CHANGED
@@ -44,13 +44,6 @@
44
44
  [dir="rtl"] .np-card__button {
45
45
  text-align: right;
46
46
  }
47
- .np-theme-personal .np-card__button:focus {
48
- outline: none;
49
- }
50
- .np-theme-personal .np-card__button:focus-visible {
51
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
52
- outline-offset: var(--ring-outline-offset);
53
- }
54
47
  .np-card__content {
55
48
  padding: 24px 16px;
56
49
  padding: var(--size-24) var(--size-16);
package/src/flowNavigation/FlowNavigation.css CHANGED
@@ -13,19 +13,9 @@
13
13
  max-width: 1164px;
14
14
  }
15
15
  .np-flow-navigation__stepper {
16
- padding-bottom: 0 !important;
17
- }
18
- [dir="rtl"] .np-flow-navigation__stepper {
19
- padding-right: 0 !important;
20
- }
21
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
22
- padding-left: 0 !important;
23
- }
24
- [dir="rtl"] .np-flow-navigation__stepper {
25
- padding-left: 0 !important;
26
- }
27
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
28
- padding-right: 0 !important;
16
+ padding-bottom: 0px !important;
17
+ padding-left: 0px !important;
18
+ padding-right: 0px !important;
29
19
  }
30
20
  .np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps {
31
21
  display: none;
@@ -37,23 +27,11 @@ html:not([dir="rtl"]) .np-flow-navigation__stepper {
37
27
  height: auto;
38
28
  }
39
29
  .np-flow-navigation--sm .np-flow-navigation__stepper {
40
- min-height: 56px;
41
- }
42
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
43
- padding-right: 24px !important;
44
- padding-right: var(--size-24) !important;
45
- }
46
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
47
30
  padding-left: 24px !important;
48
31
  padding-left: var(--size-24) !important;
49
- }
50
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
51
- padding-left: 24px !important;
52
- padding-left: var(--size-24) !important;
53
- }
54
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
55
32
  padding-right: 24px !important;
56
33
  padding-right: var(--size-24) !important;
34
+ min-height: 56px;
57
35
  }
58
36
  .np-flow-navigation--lg .np-flow-navigation__stepper {
59
37
  max-width: 562px;
package/src/inputs/Input.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/src/inputs/TextArea.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/src/main.css CHANGED
@@ -74,9 +74,7 @@ div.critical-comms .critical-comms-body {
74
74
  flex-wrap: wrap;
75
75
  }
76
76
  }
77
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
78
- font-weight: 400;
79
- font-weight: var(--font-weight-regular);line-height: 1.5;line-height: var(--line-height-body);
77
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {line-height: 1.5;line-height: var(--line-height-body);
80
78
  }
81
79
  .tw-date-lookup-calendar > tbody > tr > td.weekend button {
82
80
  font-size: 1rem;
@@ -88,8 +86,6 @@ div.critical-comms .critical-comms-body {
88
86
  }
89
87
  @media (min-width: 768px) {
90
88
  }
91
- @media (min-width: 768px) {
92
- }
93
89
  .np-accordion-item {
94
90
  display: block;
95
91
  width: 100%;
@@ -258,7 +254,6 @@ div.critical-comms .critical-comms-body {
258
254
  }
259
255
  .tw-avatar.tw-avatar--initials,
260
256
  .tw-avatar.tw-avatar--emoji {
261
- font-family: Arial, sans-serif;
262
257
  font-weight: 600;
263
258
  font-weight: var(--font-weight-semi-bold);
264
259
  }
@@ -597,13 +592,6 @@ div.critical-comms .critical-comms-body {
597
592
  [dir="rtl"] .np-card__button {
598
593
  text-align: right;
599
594
  }
600
- .np-theme-personal .np-card__button:focus {
601
- outline: none;
602
- }
603
- .np-theme-personal .np-card__button:focus-visible {
604
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
605
- outline-offset: var(--ring-outline-offset);
606
- }
607
595
  .np-card__content {
608
596
  padding: 24px 16px;
609
597
  padding: var(--size-24) var(--size-16);
@@ -2042,19 +2030,9 @@ button.np-option {
2042
2030
  max-width: 1164px;
2043
2031
  }
2044
2032
  .np-flow-navigation__stepper {
2045
- padding-bottom: 0 !important;
2046
- }
2047
- [dir="rtl"] .np-flow-navigation__stepper {
2048
- padding-right: 0 !important;
2049
- }
2050
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
2051
- padding-left: 0 !important;
2052
- }
2053
- [dir="rtl"] .np-flow-navigation__stepper {
2054
- padding-left: 0 !important;
2055
- }
2056
- html:not([dir="rtl"]) .np-flow-navigation__stepper {
2057
- padding-right: 0 !important;
2033
+ padding-bottom: 0px !important;
2034
+ padding-left: 0px !important;
2035
+ padding-right: 0px !important;
2058
2036
  }
2059
2037
  .np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps {
2060
2038
  display: none;
@@ -2066,23 +2044,11 @@ html:not([dir="rtl"]) .np-flow-navigation__stepper {
2066
2044
  height: auto;
2067
2045
  }
2068
2046
  .np-flow-navigation--sm .np-flow-navigation__stepper {
2069
- min-height: 56px;
2070
- }
2071
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
2072
- padding-right: 24px !important;
2073
- padding-right: var(--size-24) !important;
2074
- }
2075
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2076
- padding-left: 24px !important;
2077
- padding-left: var(--size-24) !important;
2078
- }
2079
- [dir="rtl"] .np-flow-navigation--sm .np-flow-navigation__stepper {
2080
2047
  padding-left: 24px !important;
2081
2048
  padding-left: var(--size-24) !important;
2082
- }
2083
- html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2084
2049
  padding-right: 24px !important;
2085
2050
  padding-right: var(--size-24) !important;
2051
+ min-height: 56px;
2086
2052
  }
2087
2053
  .np-flow-navigation--lg .np-flow-navigation__stepper {
2088
2054
  max-width: 562px;
@@ -3998,7 +3964,6 @@ html:not([dir="rtl"]) .np-navigation-option {
3998
3964
  z-index: 1060;
3999
3965
  }
4000
3966
  [dir="rtl"] .snackbar {
4001
- right: 0;
4002
3967
  left: auto;
4003
3968
  left: initial;
4004
3969
  }
@@ -4948,10 +4913,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4948
4913
  width: 100%;
4949
4914
  }
4950
4915
  .np-tile__description {
4951
- color: #5d7079;
4952
- color: var(--color-content-secondary);
4953
- margin-top: 12px;
4954
- margin-top: var(--size-12);
4955
4916
  display: inline-block;
4956
4917
  }
4957
4918
  .np-tile--small.np-decision__tile--fixed-width {
package/src/popover/Popover.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-theme-personal .np-popover__container {
4
3
  border-radius: 16px;
5
4
  border-radius: var(--radius-medium);
package/src/select/Select.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-select .np-dropdown-toggle {
4
3
  background-color: #ffffff;
5
4
  background-color: var(--color-background-screen);
package/src/snackbar/Snackbar.css CHANGED
@@ -7,7 +7,6 @@
7
7
  z-index: 1060;
8
8
  }
9
9
  [dir="rtl"] .snackbar {
10
- right: 0;
11
10
  left: auto;
12
11
  left: initial;
13
12
  }
package/src/tile/Tile.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-tile {
4
3
  min-width: 120px;
5
4
  border-radius: 10px;
@@ -28,10 +27,6 @@
28
27
  }.np-tile__media {
29
28
  width: 100%;
30
29
  }.np-tile__description {
31
- color: #5d7079;
32
- color: var(--color-content-secondary);
33
- margin-top: 12px;
34
- margin-top: var(--size-12);
35
30
  display: inline-block;
36
31
  }.np-tile--small.np-decision__tile--fixed-width {
37
32
  width: 260px;