@sb1/ffe-feedback-react 4.1.10 → 4.1.12

package/README.md

@@ -12,7 +12,7 @@ npm install --save @sb1/ffe-feedback-react
 
 Full documentation is not yet available, but will be added to https://design.sparebank1.no/komponenter.
 
-This package depends on `@sb1/ffe-buttons-react` and `@sb1/ffe-form-react`.
+This package depends on `@sb1/ffe-buttons-react`, `@sb1/ffe-icons-react` and `@sb1/ffe-form-react`.
 Make sure you import the less-files.
 
 ## Development

package/es/FeedbackThumbs.js

@@ -1,13 +1,10 @@
 import React from 'react';
 import { txt } from './i18n/texts';
-import { ThumbUp, ThumbUpFill, ThumbDown, ThumbDownFill } from './icons';
 export var FeedbackThumbs = function (_a) {
     var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
     return (React.createElement("div", null,
         React.createElement("button", { "aria-label": txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_UP'); }, type: "button" },
-            React.createElement(ThumbUp, { className: "ffe-feedback__thumb-icon" }),
-            React.createElement(ThumbUpFill, { className: "ffe-feedback__thumb-icon--fill" })),
-        React.createElement("button", { "aria-label": txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
-            React.createElement(ThumbDown, { className: "ffe-feedback__thumb-icon" }),
-            React.createElement(ThumbDownFill, { className: "ffe-feedback__thumb-icon--fill" }))));
+            React.createElement("span", { className: "ffe-icons ffe-icons--xl" })),
+        React.createElement("button", { "aria-label": txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb ffe-feedback__thumb--down", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
+            React.createElement("span", { className: "ffe-icons ffe-icons--xl" }))));
 };

package/es/tsconfig.esm.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/Feedback.tsx","../src/FeedbackExpanded.tsx","../src/FeedbackThumbs.tsx","../src/HighFive.tsx","../src/index.ts","../src/i18n/en.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/i18n/texts.ts","../src/icons/ThumbDown.tsx","../src/icons/ThumbDownFill.tsx","../src/icons/ThumbUp.tsx","../src/icons/index.ts","../src/icons/thumbUpFill.tsx"],"version":"5.6.3"}
+{"root":["../src/Feedback.tsx","../src/FeedbackExpanded.tsx","../src/FeedbackThumbs.tsx","../src/HighFive.tsx","../src/index.ts","../src/i18n/en.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/i18n/texts.ts"],"version":"5.6.3"}

package/lib/FeedbackThumbs.js

@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedbackThumbs = void 0;
 var react_1 = __importDefault(require("react"));
 var texts_1 = require("./i18n/texts");
-var icons_1 = require("./icons");
 var FeedbackThumbs = function (_a) {
     var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("button", { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_UP'); }, type: "button" },
-            react_1.default.createElement(icons_1.ThumbUp, { className: "ffe-feedback__thumb-icon" }),
-            react_1.default.createElement(icons_1.ThumbUpFill, { className: "ffe-feedback__thumb-icon--fill" })),
-        react_1.default.createElement("button", { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
-            react_1.default.createElement(icons_1.ThumbDown, { className: "ffe-feedback__thumb-icon" }),
-            react_1.default.createElement(icons_1.ThumbDownFill, { className: "ffe-feedback__thumb-icon--fill" }))));
+            react_1.default.createElement("span", { className: "ffe-icons ffe-icons--xl" })),
+        react_1.default.createElement("button", { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb ffe-feedback__thumb--down", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
+            react_1.default.createElement("span", { className: "ffe-icons ffe-icons--xl" }))));
 };
 exports.FeedbackThumbs = FeedbackThumbs;

package/lib/tsconfig.cjs.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/Feedback.tsx","../src/FeedbackExpanded.tsx","../src/FeedbackThumbs.tsx","../src/HighFive.tsx","../src/index.ts","../src/i18n/en.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/i18n/texts.ts","../src/icons/ThumbDown.tsx","../src/icons/ThumbDownFill.tsx","../src/icons/ThumbUp.tsx","../src/icons/index.ts","../src/icons/thumbUpFill.tsx"],"version":"5.6.3"}
+{"root":["../src/Feedback.tsx","../src/FeedbackExpanded.tsx","../src/FeedbackThumbs.tsx","../src/HighFive.tsx","../src/index.ts","../src/i18n/en.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/i18n/texts.ts"],"version":"5.6.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-feedback-react",
-    "version": "4.1.10",
+    "version": "4.1.12",
     "description": "React component for ffe-feedback",
     "license": "MIT",
     "author": "SpareBank 1",
@@ -26,10 +26,10 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-buttons-react": "^24.0.23",
-        "@sb1/ffe-core-react": "^9.1.5",
-        "@sb1/ffe-feedback": "^2.0.4",
-        "@sb1/ffe-form-react": "^21.1.19",
+        "@sb1/ffe-buttons-react": "^24.0.24",
+        "@sb1/ffe-core-react": "^9.1.6",
+        "@sb1/ffe-feedback": "^2.0.6",
+        "@sb1/ffe-form-react": "^21.1.20",
         "classnames": "^2.3.1"
     },
     "devDependencies": {
@@ -44,5 +44,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "bc77548d36d946e33feeb6c3f39e8ca651a5c698"
+    "gitHead": "f333281e4ff76b987a83f40af0b83c3999638d99"
 }

package/types/tsconfig.types.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/Feedback.tsx","../src/FeedbackExpanded.tsx","../src/FeedbackThumbs.tsx","../src/HighFive.tsx","../src/index.ts","../src/i18n/en.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/i18n/texts.ts","../src/icons/ThumbDown.tsx","../src/icons/ThumbDownFill.tsx","../src/icons/ThumbUp.tsx","../src/icons/index.ts","../src/icons/thumbUpFill.tsx"],"version":"5.6.3"}
+{"root":["../src/Feedback.tsx","../src/FeedbackExpanded.tsx","../src/FeedbackThumbs.tsx","../src/HighFive.tsx","../src/index.ts","../src/i18n/en.ts","../src/i18n/nb.ts","../src/i18n/nn.ts","../src/i18n/texts.ts"],"version":"5.6.3"}

package/es/icons/ThumbDown.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var ThumbDown = function (props) { return (React.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    React.createElement("path", { d: "M105-328q-24 0-42-18t-18-42v-81.839Q45-477 43.5-484.5T45-499l126-290q8.878-21.25 29.595-36.125T244-840h444v512L463-90q-13.6 14-32.187 16.5T395-81q-17-10-25.5-27.5t-4.2-36.5L404-328zm523-25v-427H231L105-481v93h373l-53 249zm193-487q24.75 0 42.375 17.625T881-780v392q0 24.75-17.625 42.375T821-328H688v-60h133v-392H688v-60zm-193 60v427z" }))); };

package/es/icons/ThumbDownFill.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var ThumbDownFill = function (props) { return (React.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    React.createElement("path", { d: "M239-840h467v512L428-40l-33-26q-11-8-14.5-18t-3.5-23v-10l45-211H100q-23 0-41.5-18.5T40-388v-82q0-11 2.5-25.5T50-521l116-268q9-21 29.5-36t43.5-15m527 512v-512h114v512z" }))); };

package/es/icons/ThumbUp.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var ThumbUp = function (props) { return (React.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    React.createElement("path", { d: "M855-632q24 0 42 18t18 42v81.839q0 7.161 1.5 14.661T915-461L789-171q-8.878 21.25-29.595 36.125T716-120H272v-512l225-238q13.6-14 32.187-16.5T565-879q17 10 25.5 27.5t4.2 36.5L556-632zm-523 25v427h397l126-299v-93H482l53-249zM139-120q-24.75 0-42.375-17.625T79-180v-392q0-24.75 17.625-42.375T139-632h133v60H139v392h133v60zm193-60v-427z" }))); };

package/es/icons/index.js

@@ -1,4 +0,0 @@
-export { ThumbUp } from './ThumbUp';
-export { ThumbUpFill } from './thumbUpFill';
-export { ThumbDown } from './ThumbDown';
-export { ThumbDownFill } from './ThumbDownFill';

package/es/icons/thumbUpFill.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var ThumbUpFill = function (props) { return (React.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    React.createElement("path", { d: "M860-632q23 0 41.5 18.5T920-572v82q0 11-2.5 25.5T910-439L794-171q-9 21-29.5 36T721-120H314q-25 0-42.5-17.5T254-180v-428q0-11 4.5-22t12.5-19l207-218q14-14 33.5-17t36.5 7 25.5 28 4.5 37l-38 180zM137-120q-23 0-40-17t-17-40v-398q0-23 17-40t40-17 40 17 17 40v398q0 23-17 40t-40 17" }))); };

package/lib/icons/ThumbDown.js

@@ -1,21 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbDown = void 0;
-var react_1 = __importDefault(require("react"));
-var ThumbDown = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    react_1.default.createElement("path", { d: "M105-328q-24 0-42-18t-18-42v-81.839Q45-477 43.5-484.5T45-499l126-290q8.878-21.25 29.595-36.125T244-840h444v512L463-90q-13.6 14-32.187 16.5T395-81q-17-10-25.5-27.5t-4.2-36.5L404-328zm523-25v-427H231L105-481v93h373l-53 249zm193-487q24.75 0 42.375 17.625T881-780v392q0 24.75-17.625 42.375T821-328H688v-60h133v-392H688v-60zm-193 60v427z" }))); };
-exports.ThumbDown = ThumbDown;

package/lib/icons/ThumbDownFill.js

@@ -1,21 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbDownFill = void 0;
-var react_1 = __importDefault(require("react"));
-var ThumbDownFill = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    react_1.default.createElement("path", { d: "M239-840h467v512L428-40l-33-26q-11-8-14.5-18t-3.5-23v-10l45-211H100q-23 0-41.5-18.5T40-388v-82q0-11 2.5-25.5T50-521l116-268q9-21 29.5-36t43.5-15m527 512v-512h114v512z" }))); };
-exports.ThumbDownFill = ThumbDownFill;

package/lib/icons/ThumbUp.js

@@ -1,21 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbUp = void 0;
-var react_1 = __importDefault(require("react"));
-var ThumbUp = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    react_1.default.createElement("path", { d: "M855-632q24 0 42 18t18 42v81.839q0 7.161 1.5 14.661T915-461L789-171q-8.878 21.25-29.595 36.125T716-120H272v-512l225-238q13.6-14 32.187-16.5T565-879q17 10 25.5 27.5t4.2 36.5L556-632zm-523 25v427h397l126-299v-93H482l53-249zM139-120q-24.75 0-42.375-17.625T79-180v-392q0-24.75 17.625-42.375T139-632h133v60H139v392h133v60zm193-60v-427z" }))); };
-exports.ThumbUp = ThumbUp;

package/lib/icons/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbDownFill = exports.ThumbDown = exports.ThumbUpFill = exports.ThumbUp = void 0;
-var ThumbUp_1 = require("./ThumbUp");
-Object.defineProperty(exports, "ThumbUp", { enumerable: true, get: function () { return ThumbUp_1.ThumbUp; } });
-var thumbUpFill_1 = require("./thumbUpFill");
-Object.defineProperty(exports, "ThumbUpFill", { enumerable: true, get: function () { return thumbUpFill_1.ThumbUpFill; } });
-var ThumbDown_1 = require("./ThumbDown");
-Object.defineProperty(exports, "ThumbDown", { enumerable: true, get: function () { return ThumbDown_1.ThumbDown; } });
-var ThumbDownFill_1 = require("./ThumbDownFill");
-Object.defineProperty(exports, "ThumbDownFill", { enumerable: true, get: function () { return ThumbDownFill_1.ThumbDownFill; } });

package/lib/icons/thumbUpFill.js

@@ -1,21 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbUpFill = void 0;
-var react_1 = __importDefault(require("react"));
-var ThumbUpFill = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
-    react_1.default.createElement("path", { d: "M860-632q23 0 41.5 18.5T920-572v82q0 11-2.5 25.5T910-439L794-171q-9 21-29.5 36T721-120H314q-25 0-42.5-17.5T254-180v-428q0-11 4.5-22t12.5-19l207-218q14-14 33.5-17t36.5 7 25.5 28 4.5 37l-38 180zM137-120q-23 0-40-17t-17-40v-398q0-23 17-40t40-17 40 17 17 40v398q0 23-17 40t-40 17" }))); };
-exports.ThumbUpFill = ThumbUpFill;

package/types/icons/ThumbDown.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ThumbDown: React.FC<React.ComponentPropsWithoutRef<'svg'>>;

package/types/icons/ThumbDownFill.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ThumbDownFill: React.FC<React.ComponentPropsWithoutRef<'svg'>>;

package/types/icons/ThumbUp.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ThumbUp: React.FC<React.ComponentPropsWithoutRef<'svg'>>;

package/types/icons/index.d.ts

@@ -1,4 +0,0 @@
-export { ThumbUp } from './ThumbUp';
-export { ThumbUpFill } from './thumbUpFill';
-export { ThumbDown } from './ThumbDown';
-export { ThumbDownFill } from './ThumbDownFill';

package/types/icons/thumbUpFill.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ThumbUpFill: React.FC<React.ComponentPropsWithoutRef<'svg'>>;