@citygross/components 0.16.4 → 0.16.6

package/build/@types/components/FormElements/Checkbox/Checkbox.styles.d.ts

@@ -1,3 +1,4 @@
+import type { TCheckbox } from './Checkbox';
 import type { TOptionInputContainer } from '../FormElement.types';
-export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TOptionInputContainer, never>;
+export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TOptionInputContainer & Pick<TCheckbox, "alignItems">, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js

@@ -20,7 +20,7 @@ var Checkbox = function (_a) {
     var _b = formElement.getColorAttributes(checked, disabled), iconColor = _b.iconColor, labelColor = _b.labelColor, attributes = _tslib.__rest(_b, ["iconColor", "labelColor"]);
     return (React__default["default"].createElement(FormElement_styles.OptionInputWrapper, { alignItems: alignItems, as: "label", disabled: disabled },
         React__default["default"].createElement(FormElement_styles.HiddenInput, _tslib.__assign({ checked: checked, disabled: disabled, type: "checkbox" }, props)),
-        React__default["default"].createElement(Checkbox_styles.CheckboxContainer, { attributes: attributes },
+        React__default["default"].createElement(Checkbox_styles.CheckboxContainer, { attributes: attributes, alignItems: alignItems },
             React__default["default"].createElement(Checkbox_styles.IconContainer, null,
                 React__default["default"].createElement(icons.Icons.CheckMark, { color: iconColor, "aria-hidden": "true" }))),
         hideLabel ? (React__default["default"].createElement(ScreenReader.ScreenReader, { string: label })) : (React__default["default"].createElement(typography.BodyText, { color: labelColor }, label))));

package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.styles.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var CheckboxContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n\n  ", "\n"], ["\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n\n  ", "\n"])), function (_a) {
+var CheckboxContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  margin-top: ", ";\n\n  ", "\n"], ["\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  margin-top: ", ";\n\n  ", "\n"])), function (_a) {
     var attributes = _a.attributes;
     return attributes.backgroundColor;
 }, function (_a) {
@@ -28,6 +28,10 @@ var CheckboxContainer = styled__default["default"].div(templateObject_2 || (temp
     var _b;
     var theme = _a.theme;
     return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm1;
+}, function (_a) {
+    var _b;
+    var theme = _a.theme, alignItems = _a.alignItems;
+    return alignItems === 'flex-start' ? "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, "px") : 0;
 }, function (_a) {
     var _b;
     var attributes = _a.attributes;

package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/ListItem/ListItem.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var Skeleton = require('react-loading-skeleton');
-var utils = require('@citygross/utils');
 var Fieldset = require('../Fieldset/Fieldset.js');
 var Checkbox = require('../FormElements/Checkbox/Checkbox.js');
 var PriceStripe = require('../PriceStripe/PriceStripe.js');
@@ -22,31 +21,8 @@ exports.EListItemAlignment = void 0;
     EListItemAlignment["CENTER"] = "center";
     EListItemAlignment["TOP"] = "flex-start";
 })(exports.EListItemAlignment || (exports.EListItemAlignment = {}));
-function getQuantityValue(quantity) {
-    if (quantity === undefined)
-        return 1;
-    return typeof quantity === 'object' &&
-        quantity !== null &&
-        'value' in quantity
-        ? quantity.value
-        : Number(quantity);
-}
-function buildCheckboxContext(item) {
-    var parts = [item === null || item === void 0 ? void 0 : item.name, item === null || item === void 0 ? void 0 : item.subtitle].filter(Boolean);
-    if (parts.length === 0)
-        return '';
-    var productPart = "i varan ".concat(parts.join(', '));
-    var amount = item === null || item === void 0 ? void 0 : item.amount;
-    var pricePart = amount !== undefined ? " till ".concat(utils.formatPrice(amount)) : '';
-    var quantity = getQuantityValue(item === null || item === void 0 ? void 0 : item.quantity);
-    var quantityPart = quantity === 1 ? ', en styck' : ", ".concat(quantity, " styck");
-    return "".concat(productPart).concat(pricePart).concat(quantityPart);
-}
 var ListItem = function (_a) {
     var _b = _a.alignment, alignment = _b === void 0 ? exports.EListItemAlignment.CENTER : _b, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.showPriceStripe, showPriceStripe = _d === void 0 ? false : _d, smallSkeleton = _a.smallSkeleton;
-    var checkboxContext = checkboxes && checkboxes.length > 0 && ((item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.subtitle))
-        ? buildCheckboxContext(item)
-        : '';
     return (React__default["default"].createElement(ListItem_styles.ListItemContainer, null,
         React__default["default"].createElement(ListItem_styles.ListLeft, { alignment: alignment },
             React__default["default"].createElement(ListItem_styles.ListImageContainer, { isSmall: isSmall },
@@ -70,10 +46,7 @@ var ListItem = function (_a) {
                     checkboxes && checkboxes.length > 0 && (React__default["default"].createElement(Fieldset.Fieldset, null,
                         checkboxLegendLabel && (React__default["default"].createElement(ListItem_styles.VisuallyHiddenLegend, null, checkboxLegendLabel)),
                         React__default["default"].createElement(ListItem_styles.CheckboxContainer, null, checkboxes.map(function (checkbox, index) {
-                            var ariaLabel = checkboxContext
-                                ? "".concat(checkbox.label, ". ").concat(checkboxContext)
-                                : checkbox.label;
-                            return (React__default["default"].createElement(Checkbox.Checkbox, { key: index, checked: checkbox.checked, disabled: checkbox.disabled, label: checkbox.label, name: checkbox.name, "aria-label": ariaLabel, onChange: function (e) {
+                            return (React__default["default"].createElement(Checkbox.Checkbox, { key: index, checked: checkbox.checked, disabled: checkbox.disabled, label: checkbox.label, name: checkbox.name, onChange: function (e) {
                                     if (checkbox.onChange) {
                                         checkbox.onChange(e.target.checked);
                                     }

package/build/cjs/components/src/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/utils/build/index.js

@@ -18846,9 +18846,9 @@ var Locale;
 })(Locale || (Locale = {}));
 moment.locale(Locale.swedish);
 
-var formatDateToLocale = function (date, withYear) {
+var formatDateToLocale = function (date, withYear, withDay) {
     var _a, _b;
-    return (_b = (_a = moment(new Date(date))) === null || _a === void 0 ? void 0 : _a.format("dddd D MMMM ".concat(withYear ? 'YYYY' : ''))) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase();
+    return (_b = (_a = moment(new Date(date))) === null || _a === void 0 ? void 0 : _a.format("".concat(withDay ? 'dddd ' : '', "D MMMM ").concat(withYear ? 'YYYY' : ''))) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase();
 };
 
 var sv = {exports: {}};