@citygross/components 0.13.2 → 0.13.3

package/build/@types/components/QuantitySelector/QuantitySelector.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TQuantitySelector } from './QuantitySelector.types';
-export declare const QuantitySelector: ({ id, maxQuantity, onAdd, onBlur, onChange, onSubtract, productName, quantity, size }: TQuantitySelector) => JSX.Element;
+export declare const QuantitySelector: ({ id, label, maxQuantity, onAdd, onBlur, onChange, onSubtract, productName, quantity, size }: TQuantitySelector) => JSX.Element;

package/build/@types/components/QuantitySelector/QuantitySelector.types.d.ts

@@ -6,6 +6,7 @@ export declare enum EQuantitySelectorSize {
 }
 export declare type TQuantitySelector = {
     id: string;
+    label: string;
     maxQuantity: number;
     onAdd: () => void;
     onBlur: () => void;

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

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var QuantitySelector = function (_a) {
     var _b, _c, _d, _e;
-    var id = _a.id, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? QuantitySelector_types.EQuantitySelectorSize.large : _f;
+    var id = _a.id, label = _a.label, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? QuantitySelector_types.EQuantitySelectorSize.large : _f;
     var _g = React.useState(false), isFocused = _g[0], setIsFocused = _g[1];
     var disabledAdd = quantity >= maxQuantity;
     var disabledSubtract = quantity <= 0;
@@ -35,7 +35,7 @@ var QuantitySelector = function (_a) {
                     ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder
                     : (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.darkest, height: 16, width: 16 })),
         React__default["default"].createElement(QuantitySelector_styles.Label, null,
-            React__default["default"].createElement(ScreenReader.ScreenReader, { string: "Ange antal" }),
+            React__default["default"].createElement(ScreenReader.ScreenReader, { string: label }),
             quantity === maxQuantity && !isFocused && (React__default["default"].createElement("span", { "aria-label": "Max antal ".concat(maxQuantity), "aria-live": "polite", role: "status" }, "Max")),
             React__default["default"].createElement(QuantitySelector_styles.Input, { id: id, inputMode: "numeric", isMaxQuantity: quantity === maxQuantity && !isFocused, max: maxQuantity, min: 0, onBlur: handleBlur, onChange: function (e) { return onChange(e); }, onFocus: function () { return setIsFocused(true); }, onKeyDown: handleKeyDown, pattern: "[0-9]*", type: "number", value: quantity })),
         React__default["default"].createElement(QuantitySelector_styles.StepButton, { "aria-label": "\u00D6ka antal ".concat(productName || ''), direction: "add", disabled: disabledAdd, onClick: onAdd },

package/build/es/components/src/components/QuantitySelector/QuantitySelector.js

@@ -7,7 +7,7 @@ import { ScreenReader } from '../ScreenReader/ScreenReader.js';
 
 var QuantitySelector = function (_a) {
     var _b, _c, _d, _e;
-    var id = _a.id, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? EQuantitySelectorSize.large : _f;
+    var id = _a.id, label = _a.label, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? EQuantitySelectorSize.large : _f;
     var _g = useState(false), isFocused = _g[0], setIsFocused = _g[1];
     var disabledAdd = quantity >= maxQuantity;
     var disabledSubtract = quantity <= 0;
@@ -27,7 +27,7 @@ var QuantitySelector = function (_a) {
                     ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder
                     : (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.darkest, height: 16, width: 16 })),
         React.createElement(Label, null,
-            React.createElement(ScreenReader, { string: "Ange antal" }),
+            React.createElement(ScreenReader, { string: label }),
             quantity === maxQuantity && !isFocused && (React.createElement("span", { "aria-label": "Max antal ".concat(maxQuantity), "aria-live": "polite", role: "status" }, "Max")),
             React.createElement(Input, { id: id, inputMode: "numeric", isMaxQuantity: quantity === maxQuantity && !isFocused, max: maxQuantity, min: 0, onBlur: handleBlur, onChange: function (e) { return onChange(e); }, onFocus: function () { return setIsFocused(true); }, onKeyDown: handleKeyDown, pattern: "[0-9]*", type: "number", value: quantity })),
         React.createElement(StepButton, { "aria-label": "\u00D6ka antal ".concat(productName || ''), direction: "add", disabled: disabledAdd, onClick: onAdd },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -75,5 +75,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "12b1de146c65f7cb6c8fd1db47e283494d15b1ef"
+  "gitHead": "5c0bc9c47029b1c538e43720ec6214a477b7b3c7"
 }