@nok-integration/storefront-react 0.19.36 → 0.19.37

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.
package/dist/index.mjs CHANGED
@@ -6978,17 +6978,17 @@ function ReturnItemRow({ item: item2, className }) {
6978
6978
  })]
6979
6979
  });
6980
6980
  }
6981
- const page$6 = "_page_6yt5y_7";
6982
- const titles$2 = "_titles_6yt5y_15";
6983
- const title$k = "_title_6yt5y_15";
6984
- const subtitle$7 = "_subtitle_6yt5y_30";
6985
- const list$2 = "_list_6yt5y_38";
6986
- const card$3 = "_card_6yt5y_48";
6987
- const checkSlot = "_checkSlot_6yt5y_61";
6988
- const check = "_check_6yt5y_61";
6989
- const row$6 = "_row_6yt5y_105";
6990
- const reason = "_reason_6yt5y_119";
6991
- const reasonSet = "_reasonSet_6yt5y_137";
6981
+ const page$6 = "_page_j1rbn_7";
6982
+ const titles$2 = "_titles_j1rbn_15";
6983
+ const title$k = "_title_j1rbn_15";
6984
+ const subtitle$7 = "_subtitle_j1rbn_30";
6985
+ const list$2 = "_list_j1rbn_38";
6986
+ const card$3 = "_card_j1rbn_48";
6987
+ const checkSlot = "_checkSlot_j1rbn_61";
6988
+ const check = "_check_j1rbn_61";
6989
+ const row$6 = "_row_j1rbn_105";
6990
+ const reason = "_reason_j1rbn_130";
6991
+ const reasonSet = "_reasonSet_j1rbn_150";
6992
6992
  const styles$B = {
6993
6993
  page: page$6,
6994
6994
  titles: titles$2,
@@ -6978,17 +6978,17 @@ function ReturnItemRow({ item: item2, className }) {
6978
6978
  })]
6979
6979
  });
6980
6980
  }
6981
- const page$6 = "_page_6yt5y_7";
6982
- const titles$2 = "_titles_6yt5y_15";
6983
- const title$k = "_title_6yt5y_15";
6984
- const subtitle$7 = "_subtitle_6yt5y_30";
6985
- const list$2 = "_list_6yt5y_38";
6986
- const card$3 = "_card_6yt5y_48";
6987
- const checkSlot = "_checkSlot_6yt5y_61";
6988
- const check = "_check_6yt5y_61";
6989
- const row$6 = "_row_6yt5y_105";
6990
- const reason = "_reason_6yt5y_119";
6991
- const reasonSet = "_reasonSet_6yt5y_137";
6981
+ const page$6 = "_page_j1rbn_7";
6982
+ const titles$2 = "_titles_j1rbn_15";
6983
+ const title$k = "_title_j1rbn_15";
6984
+ const subtitle$7 = "_subtitle_j1rbn_30";
6985
+ const list$2 = "_list_j1rbn_38";
6986
+ const card$3 = "_card_j1rbn_48";
6987
+ const checkSlot = "_checkSlot_j1rbn_61";
6988
+ const check = "_check_j1rbn_61";
6989
+ const row$6 = "_row_j1rbn_105";
6990
+ const reason = "_reason_j1rbn_130";
6991
+ const reasonSet = "_reasonSet_j1rbn_150";
6992
6992
  const styles$B = {
6993
6993
  page: page$6,
6994
6994
  titles: titles$2,
@@ -1056,38 +1056,38 @@
1056
1056
  text-decoration: line-through;
1057
1057
  font-variant-numeric: tabular-nums;
1058
1058
  }
1059
- ._page_6yt5y_7 {
1059
+ ._page_j1rbn_7 {
1060
1060
  display: flex;
1061
1061
  flex-direction: column;
1062
1062
  gap: var(--space-24);
1063
1063
  padding: var(--space-20) var(--space-16);
1064
1064
  background: var(--color-surface-default);
1065
1065
  }
1066
- ._titles_6yt5y_15 {
1066
+ ._titles_j1rbn_15 {
1067
1067
  display: flex;
1068
1068
  flex-direction: column;
1069
1069
  gap: var(--space-8);
1070
1070
  }
1071
- ._title_6yt5y_15 {
1071
+ ._title_j1rbn_15 {
1072
1072
  margin: 0;
1073
1073
  font-size: var(--type-heading-md-size);
1074
1074
  line-height: 1.32;
1075
1075
  font-weight: var(--font-weight-bold);
1076
1076
  color: var(--color-text-default);
1077
1077
  }
1078
- ._subtitle_6yt5y_30 {
1078
+ ._subtitle_j1rbn_30 {
1079
1079
  font-size: var(--type-trimmed-sm-size);
1080
1080
  line-height: 10px;
1081
1081
  padding: 5px 0;
1082
1082
  margin: -5px 0;
1083
1083
  color: var(--color-text-subtle);
1084
1084
  }
1085
- ._list_6yt5y_38 {
1085
+ ._list_j1rbn_38 {
1086
1086
  display: flex;
1087
1087
  flex-direction: column;
1088
1088
  gap: var(--space-12);
1089
1089
  }
1090
- ._card_6yt5y_48 {
1090
+ ._card_j1rbn_48 {
1091
1091
  display: flex;
1092
1092
  align-items: flex-start;
1093
1093
  gap: var(--space-12);
@@ -1095,7 +1095,7 @@
1095
1095
  border-radius: var(--radius-18);
1096
1096
  background: var(--color-surface-soft);
1097
1097
  }
1098
- ._checkSlot_6yt5y_61 {
1098
+ ._checkSlot_j1rbn_61 {
1099
1099
  display: inline-flex;
1100
1100
  align-items: flex-start;
1101
1101
  flex-shrink: 0;
@@ -1105,12 +1105,12 @@
1105
1105
  color: var(--color-surface-max);
1106
1106
  cursor: pointer;
1107
1107
  }
1108
- ._checkSlot_6yt5y_61:focus-visible {
1108
+ ._checkSlot_j1rbn_61:focus-visible {
1109
1109
  outline: none;
1110
1110
  box-shadow: var(--focus-ring);
1111
1111
  border-radius: var(--radius-4);
1112
1112
  }
1113
- ._check_6yt5y_61 {
1113
+ ._check_j1rbn_61 {
1114
1114
  position: relative;
1115
1115
  display: inline-flex;
1116
1116
  align-items: center;
@@ -1118,7 +1118,7 @@
1118
1118
  width: 24px;
1119
1119
  height: 24px;
1120
1120
  }
1121
- ._check_6yt5y_61::before {
1121
+ ._check_j1rbn_61::before {
1122
1122
  content: "";
1123
1123
  position: absolute;
1124
1124
  width: 20px;
@@ -1126,25 +1126,26 @@
1126
1126
  border: 1px solid var(--color-border-default);
1127
1127
  border-radius: var(--radius-full);
1128
1128
  }
1129
- ._checkSlot_6yt5y_61[aria-checked=true] ._check_6yt5y_61::before {
1129
+ ._checkSlot_j1rbn_61[aria-checked=true] ._check_j1rbn_61::before {
1130
1130
  border-color: transparent;
1131
1131
  }
1132
- ._check_6yt5y_61 svg {
1132
+ ._check_j1rbn_61 svg {
1133
1133
  position: relative;
1134
1134
  }
1135
- ._row_6yt5y_105 {
1135
+ ._row_j1rbn_105 {
1136
1136
  display: flex;
1137
1137
  flex-direction: column;
1138
1138
  gap: var(--space-12);
1139
1139
  flex: 1 1 0;
1140
1140
  min-width: 0;
1141
1141
  }
1142
- ._reason_6yt5y_119 {
1142
+ ._reason_j1rbn_130 {
1143
1143
  display: inline-flex;
1144
1144
  align-items: center;
1145
1145
  justify-content: space-between;
1146
+ gap: var(--space-4);
1146
1147
  width: 154px;
1147
- height: 32px;
1148
+ min-height: 32px;
1148
1149
  padding: var(--space-4) var(--space-8) var(--space-4) var(--space-12);
1149
1150
  border: 1px solid var(--color-border-default);
1150
1151
  border-radius: var(--radius-6);
@@ -1152,14 +1153,15 @@
1152
1153
  color: var(--color-text-disabled);
1153
1154
  font-family: inherit;
1154
1155
  font-size: var(--type-trimmed-sm-size);
1155
- line-height: 10px;
1156
+ line-height: 1.15;
1156
1157
  font-weight: var(--font-weight-bold);
1158
+ text-align: left;
1157
1159
  cursor: pointer;
1158
1160
  }
1159
- ._reasonSet_6yt5y_137 {
1161
+ ._reasonSet_j1rbn_150 {
1160
1162
  color: var(--color-text-default);
1161
1163
  }
1162
- ._reason_6yt5y_119:focus-visible {
1164
+ ._reason_j1rbn_130:focus-visible {
1163
1165
  outline: none;
1164
1166
  box-shadow: var(--focus-ring);
1165
1167
  }
package/dist/styles.css CHANGED
@@ -1056,38 +1056,38 @@
1056
1056
  text-decoration: line-through;
1057
1057
  font-variant-numeric: tabular-nums;
1058
1058
  }
1059
- ._page_6yt5y_7 {
1059
+ ._page_j1rbn_7 {
1060
1060
  display: flex;
1061
1061
  flex-direction: column;
1062
1062
  gap: var(--space-24);
1063
1063
  padding: var(--space-20) var(--space-16);
1064
1064
  background: var(--color-surface-default);
1065
1065
  }
1066
- ._titles_6yt5y_15 {
1066
+ ._titles_j1rbn_15 {
1067
1067
  display: flex;
1068
1068
  flex-direction: column;
1069
1069
  gap: var(--space-8);
1070
1070
  }
1071
- ._title_6yt5y_15 {
1071
+ ._title_j1rbn_15 {
1072
1072
  margin: 0;
1073
1073
  font-size: var(--type-heading-md-size);
1074
1074
  line-height: 1.32;
1075
1075
  font-weight: var(--font-weight-bold);
1076
1076
  color: var(--color-text-default);
1077
1077
  }
1078
- ._subtitle_6yt5y_30 {
1078
+ ._subtitle_j1rbn_30 {
1079
1079
  font-size: var(--type-trimmed-sm-size);
1080
1080
  line-height: 10px;
1081
1081
  padding: 5px 0;
1082
1082
  margin: -5px 0;
1083
1083
  color: var(--color-text-subtle);
1084
1084
  }
1085
- ._list_6yt5y_38 {
1085
+ ._list_j1rbn_38 {
1086
1086
  display: flex;
1087
1087
  flex-direction: column;
1088
1088
  gap: var(--space-12);
1089
1089
  }
1090
- ._card_6yt5y_48 {
1090
+ ._card_j1rbn_48 {
1091
1091
  display: flex;
1092
1092
  align-items: flex-start;
1093
1093
  gap: var(--space-12);
@@ -1095,7 +1095,7 @@
1095
1095
  border-radius: var(--radius-18);
1096
1096
  background: var(--color-surface-soft);
1097
1097
  }
1098
- ._checkSlot_6yt5y_61 {
1098
+ ._checkSlot_j1rbn_61 {
1099
1099
  display: inline-flex;
1100
1100
  align-items: flex-start;
1101
1101
  flex-shrink: 0;
@@ -1105,12 +1105,12 @@
1105
1105
  color: var(--color-surface-max);
1106
1106
  cursor: pointer;
1107
1107
  }
1108
- ._checkSlot_6yt5y_61:focus-visible {
1108
+ ._checkSlot_j1rbn_61:focus-visible {
1109
1109
  outline: none;
1110
1110
  box-shadow: var(--focus-ring);
1111
1111
  border-radius: var(--radius-4);
1112
1112
  }
1113
- ._check_6yt5y_61 {
1113
+ ._check_j1rbn_61 {
1114
1114
  position: relative;
1115
1115
  display: inline-flex;
1116
1116
  align-items: center;
@@ -1118,7 +1118,7 @@
1118
1118
  width: 24px;
1119
1119
  height: 24px;
1120
1120
  }
1121
- ._check_6yt5y_61::before {
1121
+ ._check_j1rbn_61::before {
1122
1122
  content: "";
1123
1123
  position: absolute;
1124
1124
  width: 20px;
@@ -1126,25 +1126,26 @@
1126
1126
  border: 1px solid var(--color-border-default);
1127
1127
  border-radius: var(--radius-full);
1128
1128
  }
1129
- ._checkSlot_6yt5y_61[aria-checked=true] ._check_6yt5y_61::before {
1129
+ ._checkSlot_j1rbn_61[aria-checked=true] ._check_j1rbn_61::before {
1130
1130
  border-color: transparent;
1131
1131
  }
1132
- ._check_6yt5y_61 svg {
1132
+ ._check_j1rbn_61 svg {
1133
1133
  position: relative;
1134
1134
  }
1135
- ._row_6yt5y_105 {
1135
+ ._row_j1rbn_105 {
1136
1136
  display: flex;
1137
1137
  flex-direction: column;
1138
1138
  gap: var(--space-12);
1139
1139
  flex: 1 1 0;
1140
1140
  min-width: 0;
1141
1141
  }
1142
- ._reason_6yt5y_119 {
1142
+ ._reason_j1rbn_130 {
1143
1143
  display: inline-flex;
1144
1144
  align-items: center;
1145
1145
  justify-content: space-between;
1146
+ gap: var(--space-4);
1146
1147
  width: 154px;
1147
- height: 32px;
1148
+ min-height: 32px;
1148
1149
  padding: var(--space-4) var(--space-8) var(--space-4) var(--space-12);
1149
1150
  border: 1px solid var(--color-border-default);
1150
1151
  border-radius: var(--radius-6);
@@ -1152,14 +1153,15 @@
1152
1153
  color: var(--color-text-disabled);
1153
1154
  font-family: inherit;
1154
1155
  font-size: var(--type-trimmed-sm-size);
1155
- line-height: 10px;
1156
+ line-height: 1.15;
1156
1157
  font-weight: var(--font-weight-bold);
1158
+ text-align: left;
1157
1159
  cursor: pointer;
1158
1160
  }
1159
- ._reasonSet_6yt5y_137 {
1161
+ ._reasonSet_j1rbn_150 {
1160
1162
  color: var(--color-text-default);
1161
1163
  }
1162
- ._reason_6yt5y_119:focus-visible {
1164
+ ._reason_j1rbn_130:focus-visible {
1163
1165
  outline: none;
1164
1166
  box-shadow: var(--focus-ring);
1165
1167
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nok-integration/storefront-react",
3
- "version": "0.19.36",
3
+ "version": "0.19.37",
4
4
  "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",