@lifesg/react-design-system 4.0.0-alpha.2 → 4.0.0-alpha.3

package/external/lottie-colorify/lib/index.js

@@ -1,2 +1,2 @@
-import{commonjsGlobal as r}from"../../../_virtual/_commonjsHelpers.js";import{__exports as e}from"../../../_virtual/index3.js";import{l as o}from"../../lodash.clonedeep/index.js";var t=r&&r.__spreadArrays||function(){for(var r=0,e=0,o=arguments.length;e<o;e++)r+=arguments[e].length;var t=Array(r),n=0;for(e=0;e<o;e++)for(var a=arguments[e],f=0,u=a.length;f<u;f++,n++)t[n]=a[f];return t},n=r&&r.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0});var a=e.getColors=e.flatten=e.replaceColor=e.colorify=void 0,f=n(o);e.colorify=function(r,e){void 0===r&&(r=[]);for(var o=[],t=0,n=r;t<n.length;t++){var a=n[t];o.push(u(a))}return i(o,f.default(e))};var u=function(r){if("string"==typeof r&&r.match(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i)){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!e)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])");return[Math.round(parseInt(e[1],16)/255*1e3)/1e3,Math.round(parseInt(e[2],16)/255*1e3)/1e3,Math.round(parseInt(e[3],16)/255*1e3)/1e3]}if("object"==typeof r&&3===r.length&&r.every((function(r){return r>=0&&r<=255})))return[Math.round(r[0]/255*1e3)/1e3,Math.round(r[1]/255*1e3)/1e3,Math.round(r[2]/255*1e3)/1e3];if(r)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])")},s=function(r){return Math.round(1e3*r)/1e3};e.replaceColor=function(r,e,o){var n=u(r),a=u(e);if(!n||!a)throw new Error("Proper colors must be used for both source and target");return function r(e,o,n){if(n.s&&Array.isArray(n.s)&&4===n.s.length)e[0]===n.s[0]&&e[1]===n.s[1]&&e[2]===n.s[2]&&(n.s=t(o,[1]));else if(n.c&&n.c.k)Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,o,n.c.k):e[0]===s(n.c.k[0])&&e[1]===s(n.c.k[1])&&e[2]===s(n.c.k[2])&&(n.c.k=o);else for(var a in n)"object"==typeof n[a]&&r(e,o,n[a]);return n}(n,a,f.default(o))};var c=e.flatten=function(r,e){var o=u(r);if(!o)throw new Error("Proper colors must be used for target");return function r(e,o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)o.s=t(e,[1]);else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(e,o.c.k):o.c.k=e;else for(var n in o)"object"==typeof o[n]&&r(e,o[n]);return o}(o,f.default(e))},i=function(r,e){var o=0;return function r(e,n){for(var a in n.s&&Array.isArray(n.s)&&4===n.s.length?(e[o]&&(n.s=t(e[o],[1])),o++):n.c&&n.c.k&&(Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,n.c.k):(e[o]&&(n.c.k=e[o]),o++)),n)"object"==typeof n[a]&&r(e,n[a]);return n}(r,e)};a=e.getColors=function(r){var e=[];return function r(o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)e.push((n=o.s,[Math.round(255*n[0]),Math.round(255*n[1]),Math.round(255*n[2]),n[3]]));else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(o.c.k):e.push(function(r){return[Math.round(255*r[0]),Math.round(255*r[1]),Math.round(255*r[2])]}(o.c.k));else for(var t in o)"object"==typeof o[t]&&r(o[t]);var n;return e}(r),e};export{e as default,c as flatten,a as getColors};
+import{commonjsGlobal as r}from"../../../_virtual/_commonjsHelpers.js";import{__exports as e}from"../../../_virtual/index.js";import{l as o}from"../../lodash.clonedeep/index.js";var t=r&&r.__spreadArrays||function(){for(var r=0,e=0,o=arguments.length;e<o;e++)r+=arguments[e].length;var t=Array(r),n=0;for(e=0;e<o;e++)for(var a=arguments[e],f=0,u=a.length;f<u;f++,n++)t[n]=a[f];return t},n=r&&r.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0});var a=e.getColors=e.flatten=e.replaceColor=e.colorify=void 0,f=n(o);e.colorify=function(r,e){void 0===r&&(r=[]);for(var o=[],t=0,n=r;t<n.length;t++){var a=n[t];o.push(u(a))}return i(o,f.default(e))};var u=function(r){if("string"==typeof r&&r.match(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i)){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!e)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])");return[Math.round(parseInt(e[1],16)/255*1e3)/1e3,Math.round(parseInt(e[2],16)/255*1e3)/1e3,Math.round(parseInt(e[3],16)/255*1e3)/1e3]}if("object"==typeof r&&3===r.length&&r.every((function(r){return r>=0&&r<=255})))return[Math.round(r[0]/255*1e3)/1e3,Math.round(r[1]/255*1e3)/1e3,Math.round(r[2]/255*1e3)/1e3];if(r)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])")},s=function(r){return Math.round(1e3*r)/1e3};e.replaceColor=function(r,e,o){var n=u(r),a=u(e);if(!n||!a)throw new Error("Proper colors must be used for both source and target");return function r(e,o,n){if(n.s&&Array.isArray(n.s)&&4===n.s.length)e[0]===n.s[0]&&e[1]===n.s[1]&&e[2]===n.s[2]&&(n.s=t(o,[1]));else if(n.c&&n.c.k)Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,o,n.c.k):e[0]===s(n.c.k[0])&&e[1]===s(n.c.k[1])&&e[2]===s(n.c.k[2])&&(n.c.k=o);else for(var a in n)"object"==typeof n[a]&&r(e,o,n[a]);return n}(n,a,f.default(o))};var c=e.flatten=function(r,e){var o=u(r);if(!o)throw new Error("Proper colors must be used for target");return function r(e,o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)o.s=t(e,[1]);else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(e,o.c.k):o.c.k=e;else for(var n in o)"object"==typeof o[n]&&r(e,o[n]);return o}(o,f.default(e))},i=function(r,e){var o=0;return function r(e,n){for(var a in n.s&&Array.isArray(n.s)&&4===n.s.length?(e[o]&&(n.s=t(e[o],[1])),o++):n.c&&n.c.k&&(Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,n.c.k):(e[o]&&(n.c.k=e[o]),o++)),n)"object"==typeof n[a]&&r(e,n[a]);return n}(r,e)};a=e.getColors=function(r){var e=[];return function r(o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)e.push((n=o.s,[Math.round(255*n[0]),Math.round(255*n[1]),Math.round(255*n[2]),n[3]]));else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(o.c.k):e.push(function(r){return[Math.round(255*r[0]),Math.round(255*r[1]),Math.round(255*r[2])]}(o.c.k));else for(var t in o)"object"==typeof o[t]&&r(o[t]);var n;return e}(r),e};export{e as default,c as flatten,a as getColors};
 //# sourceMappingURL=index.js.map

package/external/lottie-colorify/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../node_modules/lottie-colorify/lib/index.js"],"sourcesContent":["\"use strict\";\nvar __spreadArrays = (this && this.__spreadArrays) || function () {\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n            r[k] = a[j];\n    return r;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getColors = exports.flatten = exports.replaceColor = exports.colorify = void 0;\nvar lodash_clonedeep_1 = __importDefault(require(\"lodash.clonedeep\"));\nexports.colorify = function (destColors, lottie) {\n    if (destColors === void 0) { destColors = []; }\n    var modifiedColors = [];\n    for (var _i = 0, destColors_1 = destColors; _i < destColors_1.length; _i++) {\n        var color = destColors_1[_i];\n        modifiedColors.push(convertColorToLottieColor(color));\n    }\n    var newLottie = modifyColors(modifiedColors, lodash_clonedeep_1.default(lottie));\n    return newLottie;\n};\nvar convertColorToLottieColor = function (color) {\n    if (typeof color === 'string' && color.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i)) {\n        var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(color);\n        if (!result) {\n            throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n        }\n        return [\n            Math.round((parseInt(result[1], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[2], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[3], 16) / 255) * 1000) / 1000,\n        ];\n    }\n    else if (typeof color === 'object' && color.length === 3 && color.every(function (item) { return item >= 0 && item <= 255; })) {\n        return [\n            Math.round((color[0] / 255) * 1000) / 1000,\n            Math.round((color[1] / 255) * 1000) / 1000,\n            Math.round((color[2] / 255) * 1000) / 1000,\n        ];\n    }\n    else if (!color) {\n        return undefined;\n    }\n    else {\n        throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n    }\n};\nvar round = function (n) { return Math.round(n * 1000) / 1000; };\nexports.replaceColor = function (sourceColor, targetColor, lottieObj) {\n    var genSourceLottieColor = convertColorToLottieColor(sourceColor);\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genSourceLottieColor || !genTargetLottieColor) {\n        throw new Error('Proper colors must be used for both source and target');\n    }\n    function doReplace(sourceLottieColor, targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (sourceLottieColor[0] === obj.s[0] && sourceLottieColor[1] === obj.s[1] && sourceLottieColor[2] === obj.s[2]) {\n                obj.s = __spreadArrays(targetLottieColor, [1]);\n            }\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doReplace(sourceLottieColor, targetLottieColor, obj.c.k);\n            }\n            else if (sourceLottieColor[0] === round(obj.c.k[0]) &&\n                sourceLottieColor[1] === round(obj.c.k[1]) &&\n                sourceLottieColor[2] === round(obj.c.k[2])) {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doReplace(sourceLottieColor, targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doReplace(genSourceLottieColor, genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nexports.flatten = function (targetColor, lottieObj) {\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genTargetLottieColor) {\n        throw new Error('Proper colors must be used for target');\n    }\n    function doFlatten(targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            obj.s = __spreadArrays(targetLottieColor, [1]);\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doFlatten(targetLottieColor, obj.c.k);\n            }\n            else {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doFlatten(targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doFlatten(genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nvar modifyColors = function (colorsArray, lottieObj) {\n    var i = 0;\n    function doModify(colors, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (colors[i]) {\n                obj.s = __spreadArrays(colors[i], [1]);\n            }\n            i++;\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doModify(colors, obj.c.k);\n            }\n            else {\n                if (colors[i]) {\n                    obj.c.k = colors[i];\n                }\n                i++;\n            }\n        }\n        for (var key in obj) {\n            if (typeof obj[key] === 'object') {\n                doModify(colors, obj[key]);\n            }\n        }\n        return obj;\n    }\n    return doModify(colorsArray, lottieObj);\n};\nvar convertLottieColorToRgb = function (lottieColor) {\n    return [Math.round(lottieColor[0] * 255), Math.round(lottieColor[1] * 255), Math.round(lottieColor[2] * 255)];\n};\nvar convertLottieColorToRgba = function (lottieColor) {\n    return [\n        Math.round(lottieColor[0] * 255),\n        Math.round(lottieColor[1] * 255),\n        Math.round(lottieColor[2] * 255),\n        lottieColor[3],\n    ];\n};\nexports.getColors = function (lottieObj) {\n    var res = [];\n    function doGet(obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            res.push(convertLottieColorToRgba(obj.s));\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doGet(obj.c.k);\n            }\n            else {\n                res.push(convertLottieColorToRgb(obj.c.k));\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doGet(obj[key]);\n                }\n            }\n        }\n        return res;\n    }\n    doGet(lottieObj);\n    return res;\n};\n"],"names":["__spreadArrays","this","s","i","il","arguments","length","r","Array","k","a","j","jl","__importDefault","mod","__esModule","default","Object","defineProperty","lib","value","getColors","replaceColor","colorify","lodash_clonedeep_1","require$$0","destColors","lottie","modifiedColors","_i","destColors_1","color","push","convertColorToLottieColor","modifyColors","match","result","exec","Error","Math","round","parseInt","every","item","n","sourceColor","targetColor","lottieObj","genSourceLottieColor","genTargetLottieColor","doReplace","sourceLottieColor","targetLottieColor","obj","isArray","c","key","flatten","doFlatten","colorsArray","doModify","colors","res","doGet","lottieColor","convertLottieColorToRgb"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../node_modules/lottie-colorify/lib/index.js"],"sourcesContent":["\"use strict\";\nvar __spreadArrays = (this && this.__spreadArrays) || function () {\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n            r[k] = a[j];\n    return r;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getColors = exports.flatten = exports.replaceColor = exports.colorify = void 0;\nvar lodash_clonedeep_1 = __importDefault(require(\"lodash.clonedeep\"));\nexports.colorify = function (destColors, lottie) {\n    if (destColors === void 0) { destColors = []; }\n    var modifiedColors = [];\n    for (var _i = 0, destColors_1 = destColors; _i < destColors_1.length; _i++) {\n        var color = destColors_1[_i];\n        modifiedColors.push(convertColorToLottieColor(color));\n    }\n    var newLottie = modifyColors(modifiedColors, lodash_clonedeep_1.default(lottie));\n    return newLottie;\n};\nvar convertColorToLottieColor = function (color) {\n    if (typeof color === 'string' && color.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i)) {\n        var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(color);\n        if (!result) {\n            throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n        }\n        return [\n            Math.round((parseInt(result[1], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[2], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[3], 16) / 255) * 1000) / 1000,\n        ];\n    }\n    else if (typeof color === 'object' && color.length === 3 && color.every(function (item) { return item >= 0 && item <= 255; })) {\n        return [\n            Math.round((color[0] / 255) * 1000) / 1000,\n            Math.round((color[1] / 255) * 1000) / 1000,\n            Math.round((color[2] / 255) * 1000) / 1000,\n        ];\n    }\n    else if (!color) {\n        return undefined;\n    }\n    else {\n        throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n    }\n};\nvar round = function (n) { return Math.round(n * 1000) / 1000; };\nexports.replaceColor = function (sourceColor, targetColor, lottieObj) {\n    var genSourceLottieColor = convertColorToLottieColor(sourceColor);\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genSourceLottieColor || !genTargetLottieColor) {\n        throw new Error('Proper colors must be used for both source and target');\n    }\n    function doReplace(sourceLottieColor, targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (sourceLottieColor[0] === obj.s[0] && sourceLottieColor[1] === obj.s[1] && sourceLottieColor[2] === obj.s[2]) {\n                obj.s = __spreadArrays(targetLottieColor, [1]);\n            }\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doReplace(sourceLottieColor, targetLottieColor, obj.c.k);\n            }\n            else if (sourceLottieColor[0] === round(obj.c.k[0]) &&\n                sourceLottieColor[1] === round(obj.c.k[1]) &&\n                sourceLottieColor[2] === round(obj.c.k[2])) {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doReplace(sourceLottieColor, targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doReplace(genSourceLottieColor, genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nexports.flatten = function (targetColor, lottieObj) {\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genTargetLottieColor) {\n        throw new Error('Proper colors must be used for target');\n    }\n    function doFlatten(targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            obj.s = __spreadArrays(targetLottieColor, [1]);\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doFlatten(targetLottieColor, obj.c.k);\n            }\n            else {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doFlatten(targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doFlatten(genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nvar modifyColors = function (colorsArray, lottieObj) {\n    var i = 0;\n    function doModify(colors, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (colors[i]) {\n                obj.s = __spreadArrays(colors[i], [1]);\n            }\n            i++;\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doModify(colors, obj.c.k);\n            }\n            else {\n                if (colors[i]) {\n                    obj.c.k = colors[i];\n                }\n                i++;\n            }\n        }\n        for (var key in obj) {\n            if (typeof obj[key] === 'object') {\n                doModify(colors, obj[key]);\n            }\n        }\n        return obj;\n    }\n    return doModify(colorsArray, lottieObj);\n};\nvar convertLottieColorToRgb = function (lottieColor) {\n    return [Math.round(lottieColor[0] * 255), Math.round(lottieColor[1] * 255), Math.round(lottieColor[2] * 255)];\n};\nvar convertLottieColorToRgba = function (lottieColor) {\n    return [\n        Math.round(lottieColor[0] * 255),\n        Math.round(lottieColor[1] * 255),\n        Math.round(lottieColor[2] * 255),\n        lottieColor[3],\n    ];\n};\nexports.getColors = function (lottieObj) {\n    var res = [];\n    function doGet(obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            res.push(convertLottieColorToRgba(obj.s));\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doGet(obj.c.k);\n            }\n            else {\n                res.push(convertLottieColorToRgb(obj.c.k));\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doGet(obj[key]);\n                }\n            }\n        }\n        return res;\n    }\n    doGet(lottieObj);\n    return res;\n};\n"],"names":["__spreadArrays","this","s","i","il","arguments","length","r","Array","k","a","j","jl","__importDefault","mod","__esModule","default","Object","defineProperty","lib","value","getColors","replaceColor","colorify","lodash_clonedeep_1","require$$0","destColors","lottie","modifiedColors","_i","destColors_1","color","push","convertColorToLottieColor","modifyColors","match","result","exec","Error","Math","round","parseInt","every","item","n","sourceColor","targetColor","lottieObj","genSourceLottieColor","genTargetLottieColor","doReplace","sourceLottieColor","targetLottieColor","obj","isArray","c","key","flatten","doFlatten","colorsArray","doModify","colors","res","doGet","lottieColor","convertLottieColorToRgb"],"mappings":"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","x_google_ignoreList":[0]}

package/external/prop-types/external/react-is/index.js

@@ -1,2 +1,2 @@
-import{__module as r}from"../../../../_virtual/index2.js";import{__require as e}from"./cjs/react-is.production.min.js";import{__require as o}from"./cjs/react-is.development.js";var s;function t(){return s||(s=1,"production"===process.env.NODE_ENV?r.exports=e():r.exports=o()),r.exports}export{t as __require};
+import{__module as r}from"../../../../_virtual/index4.js";import{__require as e}from"./cjs/react-is.production.min.js";import{__require as o}from"./cjs/react-is.development.js";var s;function t(){return s||(s=1,"production"===process.env.NODE_ENV?r.exports=e():r.exports=o()),r.exports}export{t as __require};
 //# sourceMappingURL=index.js.map

package/external/prop-types/index.js

@@ -1,2 +1,2 @@
-import{getDefaultExportFromCjs as r}from"../../_virtual/_commonjsHelpers.js";import{__module as e}from"../../_virtual/index.js";import{__require as o}from"./external/react-is/index.js";import{__require as s}from"./factoryWithTypeCheckers.js";import{__require as i}from"./factoryWithThrowingShims.js";if("production"!==process.env.NODE_ENV){var t=o();e.exports=s()(t.isElement,!0)}else e.exports=i()();var m=r(e.exports);export{m as default};
+import{getDefaultExportFromCjs as r}from"../../_virtual/_commonjsHelpers.js";import{__module as e}from"../../_virtual/index2.js";import{__require as o}from"./external/react-is/index.js";import{__require as s}from"./factoryWithTypeCheckers.js";import{__require as i}from"./factoryWithThrowingShims.js";if("production"!==process.env.NODE_ENV){var t=o();e.exports=s()(t.isElement,!0)}else e.exports=i()();var m=r(e.exports);export{m as default};
 //# sourceMappingURL=index.js.map

package/external/prop-types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"names":["process","env","NODE_ENV","ReactIs","require$$0","propTypesModule","exports","require$$1","isElement","require$$2"],"mappings":"4SAOA,GAA6B,eAAzBA,QAAQC,IAAIC,SAA2B,CACzC,IAAIC,EAAUC,IAKdC,EAAAC,QAAiBC,IAAqCJ,EAAQK,WADpC,EAE5B,MAGEH,EAAAC,QAAiBG","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"names":["process","env","NODE_ENV","ReactIs","require$$0","propTypesModule","exports","require$$1","isElement","require$$2"],"mappings":"6SAOA,GAA6B,eAAzBA,QAAQC,IAAIC,SAA2B,CACzC,IAAIC,EAAUC,IAKdC,EAAAC,QAAiBC,IAAqCJ,EAAQK,WADpC,EAE5B,MAGEH,EAAAC,QAAiBG","x_google_ignoreList":[0]}

package/feedback-rating/feedback-rating-stars-container.js

@@ -1,2 +1,2 @@
-import{jsxs as a,Fragment as r,jsx as e}from"react/jsx-runtime";import{useRef as t,useState as i}from"react";import{VisuallyHidden as n}from"../shared/accessibility/index.js";import{Container as s,Label as o,StarFilled as c,StarUnfilled as d}from"./feedback-rating-stars-container.styles.js";import{StarContainerData as l}from"./feedback-rating-stars-container-data.js";const m=m=>{const{ariaLabelledBy:u,ariaDescribedBy:b,rating:h,onRatingChange:f}=m,p=l.MAX_STAR,g=Math.min(Math.max(null!=h?h:0,0),p),y=t(null),[x,v]=i(!1),j=a=>e(a<=g?c:d,{"aria-hidden":!0});return a(r,{children:[e(n,{children:e("input",{ref:y,type:"range",min:0,max:p,step:1,value:g,"aria-labelledby":u,"aria-describedby":b,"aria-valuetext":`${g} star${1===g?"":"s"}`,onChange:a=>{f(Number(a.target.value))},onFocus:()=>{v(!0)},onBlur:()=>{v(!1)}})}),e(s,{"aria-hidden":!0,$isFocused:x,children:[...Array(p)].map(((a,r)=>{const t=r+1;return e(o,{"data-testid":`feedback-rating-star-${t}`,onClick:()=>(a=>{var r;f(a),null===(r=y.current)||void 0===r||r.focus()})(t),children:j(t)},t)}))})]})};export{m as FeedbackRatingStarsContainer};
+import{jsxs as a,Fragment as r,jsx as e}from"react/jsx-runtime";import{StarIcon as i}from"@lifesg/react-icons/star";import{StarFillIcon as t}from"@lifesg/react-icons/star-fill";import n from"clsx";import{useRef as s,useState as o}from"react";import{VisuallyHidden as c}from"../shared/accessibility/index.js";import{container as l,containerIsFocused as m,label as d,star as f}from"./feedback-rating-stars-container.styles.js";import{StarContainerData as u}from"./feedback-rating-stars-container-data.js";const p=p=>{const{ariaLabelledBy:b,ariaDescribedBy:g,rating:h,onRatingChange:y}=p,v=u.MAX_STAR,x=Math.min(Math.max(null!=h?h:0,0),v),j=s(null),[k,N]=o(!1),A=a=>e(a<=x?t:i,{"aria-hidden":!0,className:f});return a(r,{children:[e(c,{children:e("input",{ref:j,type:"range",min:0,max:v,step:1,value:x,"aria-labelledby":b,"aria-describedby":g,"aria-valuetext":`${x} star${1===x?"":"s"}`,onChange:a=>{y(Number(a.target.value))},onFocus:()=>{N(!0)},onBlur:()=>{N(!1)}})}),e("div",{"aria-hidden":!0,className:n(l,k&&m),children:[...Array(v)].map(((a,r)=>{const i=r+1;return e("div",{className:d,"data-testid":`feedback-rating-star-${i}`,onClick:()=>(a=>{var r;y(a),null===(r=j.current)||void 0===r||r.focus()})(i),children:A(i)},i)}))})]})};export{p as FeedbackRatingStarsContainer};
 //# sourceMappingURL=feedback-rating-stars-container.js.map

package/feedback-rating/feedback-rating-stars-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating-stars-container.js","sources":["../../src/feedback-rating/feedback-rating-stars-container.tsx"],"sourcesContent":["import type { ChangeEvent } from \"react\";\nimport { useRef, useState } from \"react\";\n\nimport { VisuallyHidden } from \"../shared/accessibility\";\nimport {\n    Container,\n    Label,\n    StarFilled,\n    StarUnfilled,\n} from \"./feedback-rating-stars-container.styles\";\nimport { StarContainerData } from \"./feedback-rating-stars-container-data\";\n\ninterface FeedbackRatingStarsContainerProps {\n    ariaLabelledBy: string;\n    ariaDescribedBy: string;\n    rating: number;\n    onRatingChange: (value: number) => void;\n}\n\nexport const FeedbackRatingStarsContainer = (\n    props: FeedbackRatingStarsContainerProps\n): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { ariaLabelledBy, ariaDescribedBy, rating, onRatingChange } = props;\n    const maxRating = StarContainerData.MAX_STAR;\n    const currentRating = Math.min(Math.max(rating ?? 0, 0), maxRating);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleStarSelection = (starIndex: number) => {\n        onRatingChange(starIndex);\n        inputRef.current?.focus();\n    };\n\n    const handleRangeChange = (event: ChangeEvent<HTMLInputElement>) => {\n        onRatingChange(Number(event.target.value));\n    };\n\n    const handleFocus = () => {\n        setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n        setIsFocused(false);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const getAriaValueText = () => {\n        return `${currentRating} star${currentRating === 1 ? \"\" : \"s\"}`;\n    };\n\n    const renderStar = (starIndex: number) => {\n        if (starIndex <= currentRating) {\n            return <StarFilled aria-hidden />;\n        }\n\n        return <StarUnfilled aria-hidden />;\n    };\n\n    const renderRatings = () => {\n        return [...Array(maxRating)].map((_star, index) => {\n            const starIndex = index + 1;\n\n            return (\n                <Label\n                    key={starIndex}\n                    data-testid={`feedback-rating-star-${starIndex}`}\n                    onClick={() => handleStarSelection(starIndex)}\n                >\n                    {renderStar(starIndex)}\n                </Label>\n            );\n        });\n    };\n\n    return (\n        <>\n            <VisuallyHidden>\n                <input\n                    ref={inputRef}\n                    type=\"range\"\n                    min={0}\n                    max={maxRating}\n                    step={1}\n                    value={currentRating}\n                    aria-labelledby={ariaLabelledBy}\n                    aria-describedby={ariaDescribedBy}\n                    aria-valuetext={getAriaValueText()}\n                    onChange={handleRangeChange}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                />\n            </VisuallyHidden>\n            <Container aria-hidden $isFocused={isFocused}>\n                {renderRatings()}\n            </Container>\n        </>\n    );\n};\n"],"names":["FeedbackRatingStarsContainer","props","ariaLabelledBy","ariaDescribedBy","rating","onRatingChange","maxRating","StarContainerData","MAX_STAR","currentRating","Math","min","max","inputRef","useRef","isFocused","setIsFocused","useState","renderStar","starIndex","_jsx","StarFilled","StarUnfilled","_jsxs","_Fragment","children","VisuallyHidden","ref","type","step","value","onChange","event","Number","target","onFocus","onBlur","Container","$isFocused","Array","map","_star","index","Label","onClick","_a","current","focus","handleStarSelection"],"mappings":"kXAmBO,MAAMA,EACTC,IAKA,MAAMC,eAAEA,EAAcC,gBAAEA,EAAeC,OAAEA,EAAMC,eAAEA,GAAmBJ,EAC9DK,EAAYC,EAAkBC,SAC9BC,EAAgBC,KAAKC,IAAID,KAAKE,IAAIR,QAAAA,EAAU,EAAG,GAAIE,GACnDO,EAAWC,EAAyB,OACnCC,EAAWC,GAAgBC,GAAS,GA6BrCC,EAAcC,GAELC,EADPD,GAAaV,EACLY,EAGJC,EAHc,CAAA,eAAA,IAsB1B,OACIC,EAAAC,EAAA,CAAAC,SAAA,CACIL,EAACM,EAAc,CAAAD,SACXL,EAAA,QAAA,CACIO,IAAKd,EACLe,KAAK,QACLjB,IAAK,EACLC,IAAKN,EACLuB,KAAM,EACNC,MAAOrB,EAAa,kBACHP,EAAc,mBACbC,EAAe,iBAtCtC,GAAGM,SAAuC,IAAlBA,EAAsB,GAAK,MAwC9CsB,SAxDWC,IACvB3B,EAAe4B,OAAOD,EAAME,OAAOJ,OAAO,EAwD9BK,QArDI,KAChBnB,GAAa,EAAK,EAqDNoB,OAlDG,KACfpB,GAAa,EAAM,MAoDfI,EAACiB,EAAS,CAAA,eAAA,EAAAC,WAAyBvB,EAASU,SAjCzC,IAAIc,MAAMjC,IAAYkC,KAAI,CAACC,EAAOC,KACrC,MAAMvB,EAAYuB,EAAQ,EAE1B,OACItB,EAACuB,EAAK,CAAA,cAEW,wBAAwBxB,IACrCyB,QAAS,IAxCG,CAACzB,UACzBd,EAAec,GACC,QAAhB0B,EAAAhC,EAASiC,eAAO,IAAAD,GAAAA,EAAEE,OAAO,EAsCEC,CAAoB7B,GAAUM,SAE5CP,EAAWC,IAJPA,EAKD,QA0Bb"}
+{"version":3,"file":"feedback-rating-stars-container.js","sources":["../../src/feedback-rating/feedback-rating-stars-container.tsx"],"sourcesContent":["import { StarIcon } from \"@lifesg/react-icons/star\";\nimport { StarFillIcon } from \"@lifesg/react-icons/star-fill\";\nimport clsx from \"clsx\";\nimport type { ChangeEvent } from \"react\";\nimport { useRef, useState } from \"react\";\n\nimport { VisuallyHidden } from \"../shared/accessibility\";\nimport * as styles from \"./feedback-rating-stars-container.styles\";\nimport { StarContainerData } from \"./feedback-rating-stars-container-data\";\n\ninterface FeedbackRatingStarsContainerProps {\n    ariaLabelledBy: string;\n    ariaDescribedBy: string;\n    rating: number;\n    onRatingChange: (value: number) => void;\n}\n\nexport const FeedbackRatingStarsContainer = (\n    props: FeedbackRatingStarsContainerProps\n): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { ariaLabelledBy, ariaDescribedBy, rating, onRatingChange } = props;\n    const maxRating = StarContainerData.MAX_STAR;\n    const currentRating = Math.min(Math.max(rating ?? 0, 0), maxRating);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleStarSelection = (starIndex: number) => {\n        onRatingChange(starIndex);\n        inputRef.current?.focus();\n    };\n\n    const handleRangeChange = (event: ChangeEvent<HTMLInputElement>) => {\n        onRatingChange(Number(event.target.value));\n    };\n\n    const handleFocus = () => {\n        setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n        setIsFocused(false);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const getAriaValueText = () => {\n        return `${currentRating} star${currentRating === 1 ? \"\" : \"s\"}`;\n    };\n\n    const renderStar = (starIndex: number) => {\n        if (starIndex <= currentRating) {\n            return <StarFillIcon aria-hidden className={styles.star} />;\n        }\n\n        return <StarIcon aria-hidden className={styles.star} />;\n    };\n\n    const renderRatings = () => {\n        return [...Array(maxRating)].map((_star, index) => {\n            const starIndex = index + 1;\n\n            return (\n                <div\n                    key={starIndex}\n                    className={styles.label}\n                    data-testid={`feedback-rating-star-${starIndex}`}\n                    onClick={() => handleStarSelection(starIndex)}\n                >\n                    {renderStar(starIndex)}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <>\n            <VisuallyHidden>\n                <input\n                    ref={inputRef}\n                    type=\"range\"\n                    min={0}\n                    max={maxRating}\n                    step={1}\n                    value={currentRating}\n                    aria-labelledby={ariaLabelledBy}\n                    aria-describedby={ariaDescribedBy}\n                    aria-valuetext={getAriaValueText()}\n                    onChange={handleRangeChange}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                />\n            </VisuallyHidden>\n            <div\n                aria-hidden\n                className={clsx(\n                    styles.container,\n                    isFocused && styles.containerIsFocused\n                )}\n            >\n                {renderRatings()}\n            </div>\n        </>\n    );\n};\n"],"names":["FeedbackRatingStarsContainer","props","ariaLabelledBy","ariaDescribedBy","rating","onRatingChange","maxRating","StarContainerData","MAX_STAR","currentRating","Math","min","max","inputRef","useRef","isFocused","setIsFocused","useState","renderStar","starIndex","_jsx","StarFillIcon","StarIcon","className","styles.star","_jsxs","_Fragment","children","VisuallyHidden","ref","type","step","value","onChange","event","Number","target","onFocus","onBlur","clsx","styles.container","styles.containerIsFocused","Array","map","_star","index","styles.label","onClick","_a","current","focus","handleStarSelection"],"mappings":"ufAiBO,MAAMA,EACTC,IAKA,MAAMC,eAAEA,EAAcC,gBAAEA,EAAeC,OAAEA,EAAMC,eAAEA,GAAmBJ,EAC9DK,EAAYC,EAAkBC,SAC9BC,EAAgBC,KAAKC,IAAID,KAAKE,IAAIR,QAAAA,EAAU,EAAG,GAAIE,GACnDO,EAAWC,EAAyB,OACnCC,EAAWC,GAAgBC,GAAS,GA6BrCC,EAAcC,GAELC,EADPD,GAAaV,EACLY,EAGJC,EAHgB,CAAA,eAAA,EAAaC,UAAWC,IAuBpD,OACIC,EAAAC,EAAA,CAAAC,SAAA,CACIP,EAACQ,YACGR,EAAA,QAAA,CACIS,IAAKhB,EACLiB,KAAK,QACLnB,IAAK,EACLC,IAAKN,EACLyB,KAAM,EACNC,MAAOvB,EAAa,kBACHP,EAAc,mBACbC,mBAvCvB,GAAGM,SAAuC,IAAlBA,EAAsB,GAAK,MAyC9CwB,SAzDWC,IACvB7B,EAAe8B,OAAOD,EAAME,OAAOJ,OAAO,EAyD9BK,QAtDI,KAChBrB,GAAa,EAAK,EAsDNsB,OAnDG,KACftB,GAAa,EAAM,MAqDfI,EAAA,MAAA,CAAA,eAAA,EAEIG,UAAWgB,EACPC,EACAzB,GAAa0B,YAtClB,IAAIC,MAAMpC,IAAYqC,KAAI,CAACC,EAAOC,KACrC,MAAM1B,EAAY0B,EAAQ,EAE1B,OACIzB,EAAA,MAAA,CAEIG,UAAWuB,EAAY,cACV,wBAAwB3B,IACrC4B,QAAS,IAzCG,CAAC5B,UACzBd,EAAec,GACC,QAAhB6B,EAAAnC,EAASoC,eAAO,IAAAD,GAAAA,EAAEE,OAAO,EAuCEC,CAAoBhC,GAAUQ,SAE5CT,EAAWC,IALPA,EAMH,QAgCX"}

package/feedback-rating/feedback-rating-stars-container.styles.d.ts

@@ -1,23 +1,4 @@
-export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
-export declare const StarUnfilled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const StarFilled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isFocused"> & {
-    $isFocused: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isFocused"> & {
-    $isFocused: boolean;
-}, never>>> & string;
+export declare const star: import("@linaria/core").LinariaClassName;
+export declare const label: import("@linaria/core").LinariaClassName;
+export declare const container: import("@linaria/core").LinariaClassName;
+export declare const containerIsFocused: import("@linaria/core").LinariaClassName;

package/feedback-rating/feedback-rating-stars-container.styles.js

@@ -1,37 +1,2 @@
-import{StarIcon as i}from"@lifesg/react-icons/star";import{StarFillIcon as t}from"@lifesg/react-icons/star-fill";import e,{css as o}from"styled-components";import{V3_Colour as r,V3_Spacing as n,V3_MediaQuery as s,V3_Radius as a,V3_Border as m}from"../v3_theme/index.js";e.input`
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-`;const c=o`
-    width: 2.75rem;
-    height: 2.75rem;
-    color: ${r["icon-primary"]};
-`,p=e(i)`
-    ${c}
-`,l=e(t)`
-    ${c}
-`,d=e.div`
-    margin: 0 ${n["spacing-8"]};
-    line-height: 0;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-
-    ${s.MaxWidth.md} {
-        margin: 0 ${n["spacing-8"]};
-    }
-`,$=e.div`
-    display: flex;
-    justify-content: center;
-    margin: ${n["spacing-8"]} ${n["spacing-16"]};
-    border-radius: ${a.sm};
-    outline: none;
-
-    ${({$isFocused:i})=>i&&o`
-            outline: ${m["width-020"]} ${m.solid}
-                ${r["icon-primary"]};
-            outline-offset: 2px;
-        `}
-`;export{$ as Container,d as Label,l as StarFilled,p as StarUnfilled};
+import"./feedback-rating-stars-container.styles_dmi8z9.css";const s="sk1h6mz",t="lg72zyg",c="c1w9ub4z",e="chyiool";export{c as container,e as containerIsFocused,t as label,s as star};
 //# sourceMappingURL=feedback-rating-stars-container.styles.js.map

package/feedback-rating/feedback-rating-stars-container.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating-stars-container.styles.js","sources":["../../src/feedback-rating/feedback-rating-stars-container.styles.tsx"],"sourcesContent":["import { StarIcon } from \"@lifesg/react-icons/star\";\nimport { StarFillIcon } from \"@lifesg/react-icons/star-fill\";\nimport styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\nexport const Input = styled.input`\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n`;\n\nconst starStyle = css`\n    width: 2.75rem;\n    height: 2.75rem;\n    color: ${V3_Colour[\"icon-primary\"]};\n`;\n\nexport const StarUnfilled = styled(StarIcon)`\n    ${starStyle}\n`;\n\nexport const StarFilled = styled(StarFillIcon)`\n    ${starStyle}\n`;\n\nexport const Label = styled.div`\n    margin: 0 ${V3_Spacing[\"spacing-8\"]};\n    line-height: 0;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    ${V3_MediaQuery.MaxWidth.md} {\n        margin: 0 ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const Container = styled.div<{ $isFocused: boolean }>`\n    display: flex;\n    justify-content: center;\n    margin: ${V3_Spacing[\"spacing-8\"]} ${V3_Spacing[\"spacing-16\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    outline: none;\n\n    ${({ $isFocused }) =>\n        $isFocused &&\n        css`\n            outline: ${V3_Border[\"width-020\"]} ${V3_Border[\"solid\"]}\n                ${V3_Colour[\"icon-primary\"]};\n            outline-offset: 2px;\n        `}\n`;\n"],"names":["styled","input","starStyle","css","V3_Colour","StarUnfilled","StarIcon","StarFilled","StarFillIcon","Label","div","V3_Spacing","V3_MediaQuery","MaxWidth","md","Container","V3_Radius","$isFocused","V3_Border"],"mappings":"8QAYqBA,EAAOC,KAAK;;;;;EAOjC,MAAMC,EAAYC,CAAG;;;aAGRC,EAAU;EAGVC,EAAeL,EAAOM,EAAS;MACtCJ;EAGOK,EAAaP,EAAOQ,EAAa;MACxCN;EAGOO,EAAQT,EAAOU,GAAG;gBACfC,EAAW;;;;;;MAMrBC,EAAcC,SAASC;oBACTH,EAAW;;EAIlBI,EAAYf,EAAOU,GAA4B;;;cAG9CC,EAAW,gBAAgBA,EAAW;qBAC/BK,EAAc;;;MAG7B,EAAGC,gBACDA,GACAd,CAAG;uBACYe,EAAU,gBAAgBA,EAAiB;kBAChDd,EAAU;;;"}
+{"version":3,"file":"feedback-rating-stars-container.styles.js","sources":["../../src/feedback-rating/feedback-rating-stars-container.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Radius, Spacing } from \"../theme\";\n\nexport const star = css`\n    width: 2.75rem;\n    height: 2.75rem;\n    color: ${Colour[\"icon-primary\"]};\n`;\n\nexport const label = css`\n    margin: 0 ${Spacing[\"spacing-8\"]};\n    line-height: 0;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n`;\n\nexport const container = css`\n    display: flex;\n    justify-content: center;\n    margin: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    outline: none;\n`;\n\nexport const containerIsFocused = css`\n    outline: ${Border[\"width-020\"]} ${Border[\"solid\"]} ${Colour[\"icon-primary\"]};\n    outline-offset: 2px;\n`;\n"],"names":["star","label","container","containerIsFocused"],"mappings":"2FAIO,MAAMA,EAAI,UAMJC,EAAK,UAQLC,EAAS,WAQTC,EAAkB"}

package/feedback-rating/feedback-rating-stars-container.styles_dmi8z9.css

@@ -0,0 +1,4 @@
+.sk1h6mz{width:2.75rem;height:2.75rem;color:var(--fds-colour-icon-primary);}
+.lg72zyg{margin:0 var(--fds-spacing-8);line-height:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;}
+.c1w9ub4z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:var(--fds-spacing-8) var(--fds-spacing-16);border-radius:var(--fds-radius-sm);outline:none;}
+.chyiool{outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-icon-primary);outline-offset:2px;}

package/feedback-rating/feedback-rating.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"../_virtual/_tslib.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{VisuallyHidden as t}from"../shared/accessibility/index.js";import{Typography as a}from"../typography/index.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as n}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{MainContainer as o,Image as s,ChildContainer as l,SubmitButton as m}from"./feedback-rating.styles.js";import{FeedbackRatingData as d}from"./feedback-rating-data.js";import{FeedbackRatingStarsContainer as c}from"./feedback-rating-stars-container.js";const p=p=>{const{imgSrc:b,buttonLabel:g,description:u,rating:h,onRatingChange:j,onSubmit:f}=p,y=i(p,["imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit"]),L=n(),x=`${L}-description`,S=null!=b?b:d.IMG,T=null!=u?u:d.DEFAULT_DESCRIPTION,k=null!=g?g:d.DEFAULT_BUTTON_LABEL,C=!h;return r(o,Object.assign({role:"group","aria-labelledby":L},y,{children:[S&&e(s,{"data-testid":"feedback-banner-image",src:S,alt:"",onError:i=>i.currentTarget.style.display="none"}),r(l,{children:[e(a.HeadingSM,{as:"h2",id:L,weight:"semibold",children:T}),e(c,{ariaLabelledBy:L,ariaDescribedBy:x,rating:h,onRatingChange:j}),e(t,{id:x,children:"Minimum, 1 star. Maximum, 5 stars."}),e(m,{disabled:C,focusableWhenDisabled:!0,onClick:f,type:"button",children:k})]})]}))};export{p as FeedbackRating};
+import{__rest as i}from"../_virtual/_tslib.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import a from"clsx";import{useState as e,useRef as n,useEffect as s}from"react";import{Button as o}from"../button/button.js";import{VisuallyHidden as l}from"../shared/accessibility/index.js";import{Typography as m}from"../typography/index.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as d}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{mainContainer as c,image as p,childContainer as u,submitButton as b}from"./feedback-rating.styles.js";import{FeedbackRatingData as g}from"./feedback-rating-data.js";import{FeedbackRatingStarsContainer as f}from"./feedback-rating-stars-container.js";const h=h=>{const{imgSrc:j,buttonLabel:y,description:N,rating:v,onRatingChange:x,onSubmit:L,className:S,id:k,"data-testid":C}=h,D=i(h,["imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit","className","id","data-testid"]),[E,T]=e(!1),_=n(null),B=d(),M=`${B}-description`,R=null!=j?j:g.IMG,A=null!=N?N:g.DEFAULT_DESCRIPTION,I=null!=y?y:g.DEFAULT_BUTTON_LABEL,O=!v;s((()=>{var i;T(!1),(null===(i=_.current)||void 0===i?void 0:i.complete)&&0===_.current.naturalWidth&&T(!0)}),[R]);return t("div",Object.assign({role:"group","aria-labelledby":B,className:a(c,S),id:k,"data-testid":C},D,{children:[R&&!E&&r("img",{ref:_,className:p,"data-testid":"feedback-banner-image",src:R,alt:"",onError:()=>{T(!0)}}),t("div",{className:u,children:[r(m.HeadingSM,{as:"h2",id:B,weight:"semibold",children:A}),r(f,{ariaLabelledBy:B,ariaDescribedBy:M,rating:v,onRatingChange:x}),r(l,{id:M,children:"Minimum, 1 star. Maximum, 5 stars."}),r(o,{className:b,disabled:O,focusableWhenDisabled:!0,onClick:L,type:"button",children:I})]})]}))};export{h as FeedbackRating};
 //# sourceMappingURL=feedback-rating.js.map

package/feedback-rating/feedback-rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating.js","sources":["../../src/feedback-rating/feedback-rating.tsx"],"sourcesContent":["import { VisuallyHidden } from \"../shared/accessibility\";\nimport { Typography } from \"../typography\";\nimport { useId } from \"../util\";\nimport {\n    ChildContainer,\n    Image,\n    MainContainer,\n    SubmitButton,\n} from \"./feedback-rating.styles\";\nimport { FeedbackRatingData } from \"./feedback-rating-data\";\nimport { FeedbackRatingStarsContainer } from \"./feedback-rating-stars-container\";\nimport type { FeedbackRatingProps } from \"./types\";\n\nexport const FeedbackRating = (props: FeedbackRatingProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const {\n        imgSrc,\n        buttonLabel,\n        description,\n        rating,\n        onRatingChange,\n        onSubmit,\n        ...otherProps\n    } = props;\n    const internalId = useId();\n    const descriptionId = `${internalId}-description`;\n    const bannerSrc = imgSrc ?? FeedbackRatingData.IMG;\n    const componentDescription =\n        description ?? FeedbackRatingData.DEFAULT_DESCRIPTION;\n    const resolvedButtonLabel =\n        buttonLabel ?? FeedbackRatingData.DEFAULT_BUTTON_LABEL;\n    const isSubmitDisabled = !rating;\n\n    return (\n        <MainContainer\n            role=\"group\"\n            aria-labelledby={internalId}\n            {...otherProps}\n        >\n            {bannerSrc && (\n                <Image\n                    data-testid=\"feedback-banner-image\"\n                    src={bannerSrc}\n                    alt=\"\"\n                    onError={(event) =>\n                        (event.currentTarget.style.display = \"none\")\n                    }\n                />\n            )}\n            <ChildContainer>\n                <Typography.HeadingSM as=\"h2\" id={internalId} weight=\"semibold\">\n                    {componentDescription}\n                </Typography.HeadingSM>\n                <FeedbackRatingStarsContainer\n                    ariaLabelledBy={internalId}\n                    ariaDescribedBy={descriptionId}\n                    rating={rating}\n                    onRatingChange={onRatingChange}\n                />\n                <VisuallyHidden id={descriptionId}>\n                    Minimum, 1 star. Maximum, 5 stars.\n                </VisuallyHidden>\n                <SubmitButton\n                    disabled={isSubmitDisabled}\n                    focusableWhenDisabled\n                    onClick={onSubmit}\n                    type=\"button\"\n                >\n                    {resolvedButtonLabel}\n                </SubmitButton>\n            </ChildContainer>\n        </MainContainer>\n    );\n};\n"],"names":["FeedbackRating","props","imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit","otherProps","internalId","useId","descriptionId","bannerSrc","FeedbackRatingData","IMG","componentDescription","DEFAULT_DESCRIPTION","resolvedButtonLabel","DEFAULT_BUTTON_LABEL","isSubmitDisabled","_jsxs","MainContainer","Object","assign","role","children","_jsx","Image","src","alt","onError","event","currentTarget","style","display","ChildContainer","Typography","HeadingSM","as","id","weight","FeedbackRatingStarsContainer","ariaLabelledBy","ariaDescribedBy","VisuallyHidden","SubmitButton","disabled","focusableWhenDisabled","onClick","type"],"mappings":"0qBAaO,MAAMA,EAAkBC,IAI3B,MAAMC,OACFA,EAAMC,YACNA,EAAWC,YACXA,EAAWC,OACXA,EAAMC,eACNA,EAAcC,SACdA,GAEAN,EADGO,IACHP,EARE,CAAA,SAAA,cAAA,cAAA,SAAA,iBAAA,aASAQ,EAAaC,IACbC,EAAgB,GAAGF,gBACnBG,EAAYV,QAAAA,EAAUW,EAAmBC,IACzCC,EACFX,QAAAA,EAAeS,EAAmBG,oBAChCC,EACFd,QAAAA,EAAeU,EAAmBK,qBAChCC,GAAoBd,EAE1B,OACIe,EAACC,EAAaC,OAAAC,OAAA,CACVC,KAAK,QAAO,kBACKf,GACbD,EAAU,CAAAiB,SAAA,CAEbb,GACGc,EAACC,EAAK,CAAA,cACU,wBACZC,IAAKhB,EACLiB,IAAI,GACJC,QAAUC,GACLA,EAAMC,cAAcC,MAAMC,QAAU,SAIjDd,EAACe,EAAc,CAAAV,SAAA,CACXC,EAACU,EAAWC,UAAS,CAACC,GAAG,KAAKC,GAAI9B,EAAY+B,OAAO,WAAUf,SAC1DV,IAELW,EAACe,EAA4B,CACzBC,eAAgBjC,EAChBkC,gBAAiBhC,EACjBN,OAAQA,EACRC,eAAgBA,IAEpBoB,EAACkB,EAAc,CAACL,GAAI5B,EAAac,SAAA,uCAGjCC,EAACmB,EAAY,CACTC,SAAU3B,EACV4B,uBAAqB,EACrBC,QAASzC,EACT0C,KAAK,SAAQxB,SAEZR,UAGG"}
+{"version":3,"file":"feedback-rating.js","sources":["../../src/feedback-rating/feedback-rating.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { Button } from \"../button\";\nimport { VisuallyHidden } from \"../shared/accessibility\";\nimport { Typography } from \"../typography\";\nimport { useId } from \"../util\";\nimport * as styles from \"./feedback-rating.styles\";\nimport { FeedbackRatingData } from \"./feedback-rating-data\";\nimport { FeedbackRatingStarsContainer } from \"./feedback-rating-stars-container\";\nimport type { FeedbackRatingProps } from \"./types\";\n\nexport const FeedbackRating = (props: FeedbackRatingProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const {\n        imgSrc,\n        buttonLabel,\n        description,\n        rating,\n        onRatingChange,\n        onSubmit,\n        className,\n        id,\n        \"data-testid\": testId,\n        ...otherProps\n    } = props;\n    const [hasImageError, setHasImageError] = useState(false);\n    const imgRef = useRef<HTMLImageElement>(null);\n    const internalId = useId();\n    const descriptionId = `${internalId}-description`;\n    const bannerSrc = imgSrc ?? FeedbackRatingData.IMG;\n    const componentDescription =\n        description ?? FeedbackRatingData.DEFAULT_DESCRIPTION;\n    const resolvedButtonLabel =\n        buttonLabel ?? FeedbackRatingData.DEFAULT_BUTTON_LABEL;\n    const isSubmitDisabled = !rating;\n\n    useEffect(() => {\n        setHasImageError(false);\n\n        if (imgRef.current?.complete && imgRef.current.naturalWidth === 0) {\n            setHasImageError(true);\n        }\n    }, [bannerSrc]);\n\n    const handleImgError = () => {\n        setHasImageError(true);\n    };\n\n    return (\n        <div\n            role=\"group\"\n            aria-labelledby={internalId}\n            className={clsx(styles.mainContainer, className)}\n            id={id}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {bannerSrc && !hasImageError && (\n                <img\n                    ref={imgRef}\n                    className={styles.image}\n                    data-testid=\"feedback-banner-image\"\n                    src={bannerSrc}\n                    alt=\"\"\n                    onError={handleImgError}\n                />\n            )}\n            <div className={styles.childContainer}>\n                <Typography.HeadingSM as=\"h2\" id={internalId} weight=\"semibold\">\n                    {componentDescription}\n                </Typography.HeadingSM>\n                <FeedbackRatingStarsContainer\n                    ariaLabelledBy={internalId}\n                    ariaDescribedBy={descriptionId}\n                    rating={rating}\n                    onRatingChange={onRatingChange}\n                />\n                <VisuallyHidden id={descriptionId}>\n                    Minimum, 1 star. Maximum, 5 stars.\n                </VisuallyHidden>\n                <Button\n                    className={styles.submitButton}\n                    disabled={isSubmitDisabled}\n                    focusableWhenDisabled\n                    onClick={onSubmit}\n                    type=\"button\"\n                >\n                    {resolvedButtonLabel}\n                </Button>\n            </div>\n        </div>\n    );\n};\n"],"names":["FeedbackRating","props","imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit","className","id","testId","otherProps","__rest","hasImageError","setHasImageError","useState","imgRef","useRef","internalId","useId","descriptionId","bannerSrc","FeedbackRatingData","IMG","componentDescription","DEFAULT_DESCRIPTION","resolvedButtonLabel","DEFAULT_BUTTON_LABEL","isSubmitDisabled","useEffect","_a","current","complete","naturalWidth","_jsxs","Object","assign","role","clsx","styles.mainContainer","children","_jsx","ref","styles.image","src","alt","onError","styles.childContainer","Typography","HeadingSM","as","weight","FeedbackRatingStarsContainer","ariaLabelledBy","ariaDescribedBy","VisuallyHidden","Button","styles.submitButton","disabled","focusableWhenDisabled","onClick","type"],"mappings":"yxBAYO,MAAMA,EAAkBC,IAI3B,MAAMC,OACFA,EAAMC,YACNA,EAAWC,YACXA,EAAWC,OACXA,EAAMC,eACNA,EAAcC,SACdA,EAAQC,UACRA,EAASC,GACTA,EACA,cAAeC,GAEfT,EADGU,EAAUC,EACbX,EAXE,CAAA,SAAA,cAAA,cAAA,SAAA,iBAAA,WAAA,YAAA,KAAA,iBAYCY,EAAeC,GAAoBC,GAAS,GAC7CC,EAASC,EAAyB,MAClCC,EAAaC,IACbC,EAAgB,GAAGF,gBACnBG,EAAYnB,QAAAA,EAAUoB,EAAmBC,IACzCC,EACFpB,QAAAA,EAAekB,EAAmBG,oBAChCC,EACFvB,QAAAA,EAAemB,EAAmBK,qBAChCC,GAAoBvB,EAE1BwB,GAAU,WACNf,GAAiB,YAEbgB,EAAAd,EAAOe,8BAASC,WAA4C,IAAhChB,EAAOe,QAAQE,cAC3CnB,GAAiB,EACrB,GACD,CAACO,IAMJ,OACIa,EAAA,MAAAC,OAAAC,OAAA,CACIC,KAAK,QAAO,kBACKnB,EACjBV,UAAW8B,EAAKC,EAAsB/B,GACtCC,GAAIA,gBACSC,GACTC,EAAU,CAAA6B,SAAA,CAEbnB,IAAcR,GACX4B,EAAA,MAAA,CACIC,IAAK1B,EACLR,UAAWmC,EAAY,cACX,wBACZC,IAAKvB,EACLwB,IAAI,GACJC,QApBO,KACnBhC,GAAiB,EAAK,IAsBlBoB,EAAA,MAAA,CAAK1B,UAAWuC,EAAqBP,SAAA,CACjCC,EAACO,EAAWC,UAAS,CAACC,GAAG,KAAKzC,GAAIS,EAAYiC,OAAO,WAAUX,SAC1DhB,IAELiB,EAACW,EAA4B,CACzBC,eAAgBnC,EAChBoC,gBAAiBlC,EACjBf,OAAQA,EACRC,eAAgBA,IAEpBmC,EAACc,EAAc,CAAC9C,GAAIW,EAAaoB,SAAA,uCAGjCC,EAACe,EAAM,CACHhD,UAAWiD,EACXC,SAAU9B,EACV+B,uBAAqB,EACrBC,QAASrD,EACTsD,KAAK,kBAEJnC,UAGP"}

package/feedback-rating/feedback-rating.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
-export declare const MainContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ChildContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const SubmitButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const image: import("@linaria/core").LinariaClassName;
+export declare const mainContainer: import("@linaria/core").LinariaClassName;
+export declare const childContainer: import("@linaria/core").LinariaClassName;
+export declare const submitButton: import("@linaria/core").LinariaClassName;

package/feedback-rating/feedback-rating.styles.js

@@ -1,38 +1,2 @@
-import e from"styled-components";import{Button as r}from"../button/button.js";import{V3_MediaQuery as t,V3_Colour as i}from"../v3_theme/index.js";const m=e.img`
-    width: 9.5rem;
-    height: 9.5rem;
-    margin: 0 1rem;
-    ${t.MaxWidth.md} {
-        width: 5.5rem;
-        height: 5.5rem;
-        margin: 0;
-    }
-`,d=e.div`
-    border-top: 1px solid ${i.border};
-    border-bottom: 1px solid ${i.border};
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    padding: 1rem 3rem;
-    ${t.MaxWidth.md} {
-        padding: 2rem 0 1rem;
-        flex-direction: column;
-    }
-`,o=e.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin: 1rem 1rem;
-    width: 100%;
-    text-align: center;
-    ${t.MaxWidth.md} {
-        margin: 1rem 1.25rem;
-        max-width: calc(100% - 2.5rem);
-    }
-`,n=e(r.Default)`
-    margin-top: 1rem;
-    width: 100%;
-`;export{o as ChildContainer,m as Image,d as MainContainer,n as SubmitButton};
+import"./feedback-rating.styles_1kdklb6.css";const e="i1kvxt6e",t="m12gz8bh",s="c2of6av",a="sopm87z";export{s as childContainer,e as image,t as mainContainer,a as submitButton};
 //# sourceMappingURL=feedback-rating.styles.js.map

package/feedback-rating/feedback-rating.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating.styles.js","sources":["../../src/feedback-rating/feedback-rating.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { V3_Colour, V3_MediaQuery } from \"../v3_theme\";\n\nexport const Image = styled.img`\n    width: 9.5rem;\n    height: 9.5rem;\n    margin: 0 1rem;\n    ${V3_MediaQuery.MaxWidth.md} {\n        width: 5.5rem;\n        height: 5.5rem;\n        margin: 0;\n    }\n`;\n\nexport const MainContainer = styled.div`\n    border-top: 1px solid ${V3_Colour.border};\n    border-bottom: 1px solid ${V3_Colour.border};\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 1rem 3rem;\n    ${V3_MediaQuery.MaxWidth.md} {\n        padding: 2rem 0 1rem;\n        flex-direction: column;\n    }\n`;\n\nexport const ChildContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 1rem 1rem;\n    width: 100%;\n    text-align: center;\n    ${V3_MediaQuery.MaxWidth.md} {\n        margin: 1rem 1.25rem;\n        max-width: calc(100% - 2.5rem);\n    }\n`;\n\nexport const SubmitButton = styled(Button.Default)`\n    margin-top: 1rem;\n    width: 100%;\n`;\n"],"names":["Image","styled","img","V3_MediaQuery","MaxWidth","md","MainContainer","div","V3_Colour","border","ChildContainer","SubmitButton","Button","Default"],"mappings":"kJAKO,MAAMA,EAAQC,EAAOC,GAAG;;;;MAIzBC,EAAcC,SAASC;;;;;EAOhBC,EAAgBL,EAAOM,GAAG;4BACXC,EAAUC;+BACPD,EAAUC;;;;;;;MAOnCN,EAAcC,SAASC;;;;EAMhBK,EAAiBT,EAAOM,GAAG;;;;;;;MAOlCJ,EAAcC,SAASC;;;;EAMhBM,EAAeV,EAAOW,EAAOC,QAAQ;;;"}
+{"version":3,"file":"feedback-rating.styles.js","sources":["../../src/feedback-rating/feedback-rating.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, MediaQuery } from \"../theme\";\n\nexport const image = css`\n    width: 9.5rem;\n    height: 9.5rem;\n    margin: 0 1rem;\n    ${MediaQuery.MaxWidth.md} {\n        width: 5.5rem;\n        height: 5.5rem;\n        margin: 0;\n    }\n`;\n\nexport const mainContainer = css`\n    border-top: ${Border[\"width-010\"]} ${Border.solid} ${Colour.border};\n    border-bottom: ${Border[\"width-010\"]} ${Border.solid} ${Colour.border};\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 1rem 3rem;\n    ${MediaQuery.MaxWidth.md} {\n        padding: 2rem 0 1rem;\n        flex-direction: column;\n    }\n`;\n\nexport const childContainer = css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 1rem 1rem;\n    width: 100%;\n    text-align: center;\n    ${MediaQuery.MaxWidth.md} {\n        margin: 1rem 1.25rem;\n        max-width: calc(100% - 2.5rem);\n    }\n`;\n\nexport const submitButton = css`\n    margin-top: 1rem;\n    width: 100%;\n`;\n"],"names":["image","mainContainer","childContainer","submitButton"],"mappings":"4EAIO,MAAMA,EAAK,WAWLC,EAAa,WAebC,EAAc,UAadC,EAAY"}

package/feedback-rating/feedback-rating.styles_1kdklb6.css

@@ -0,0 +1,4 @@
+.i1kvxt6e{width:9.5rem;height:9.5rem;margin:0 1rem;}:where(body.fds-breakpoint-md-max) .i1kvxt6e{width:5.5rem;height:5.5rem;margin:0;}
+.m12gz8bh{border-top:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-bottom:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;padding:1rem 3rem;}:where(body.fds-breakpoint-md-max) .m12gz8bh{padding:2rem 0 1rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.c2of6av{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1rem 1rem;width:100%;text-align:center;}:where(body.fds-breakpoint-md-max) .c2of6av{margin:1rem 1.25rem;max-width:calc(100% - 2.5rem);}
+.sopm87z{margin-top:1rem;width:100%;}

package/file-download/file-list-card/file-list-card.js

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as r,Fragment as i}from"react/jsx-runtime";import{DownloadIcon as n}from"@lifesg/react-icons";import{memo as o,useState as a,useContext as l,useRef as s,useEffect as m}from"react";import{r as d}from"../../external/react-responsive/dist/react-responsive.js";import{ThemeContext as c}from"styled-components";import{FileUploadHelper as h}from"../../file-upload/helper.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import"../../util/simple-id-generator.js";import{StringHelper as u}from"../../util/string-helper.js";import"@react-aria/live-announcer";import{V3_Breakpoint as p}from"../../v3_theme/index.js";import*as f from"./file-list-card.styles.js";const{ActionContainer:g,Box:y,ContentSection:j,DesktopErrorMessage:b,ErrorIcon:w,ExtendedNameSection:x,FileSizeSection:S,IconButton:v,Item:T,ItemNameText:I,MobileErrorMessage:$,NameSection:C,Thumbnail:M,ThumbnailContainer:z}=f,D=o((({fileItem:o,onDownload:f})=>{const{id:D,name:E,size:B,errorMessage:N,thumbnailImageDataUrl:_,truncateText:k=!0,ready:F=!0}=o,[A,L]=a(!1),[Q,R]=a(!1),U=h.formatFileSizeDisplay(B),W=l(c),q=p["sm-max"]({theme:W}),G=d.useMediaQuery({maxWidth:q}),[H,J]=a(),K=s(null);m((()=>{K.current&&J(G?O(E):E)}),[E,G]);const O=e=>{if(!k)return e;const t=K&&K.current?K.current.getBoundingClientRect().width:0;return u.truncateTwoLines(e,t,16,1.5)},P=()=>r(i,{children:[t(I,{ref:K,children:H}),Q&&r(b,{children:[t(w,{}),N||"Something went wrong"]})]});return t(T,{"data-testid":D,children:r(y,{onClick:()=>e(void 0,void 0,void 0,(function*(){if(F&&!A){L(!0);try{R(!1),yield f(o)}catch(e){R(!0)}finally{L(!1)}}})),$error:Q,children:[(()=>{let e;return e=r(i,_?{children:[t(z,{"data-testid":`${D}-thumbnail`,children:t(M,{"data-testid":`${D}-thumbnail-image`,src:_})}),r(x,{children:[t(C,{children:P()}),t(S,{children:U||"-"}),Q&&r($,{children:[t(w,{}),N||"Something went wrong"]})]})]}:{children:[t(C,{children:P()}),t(S,{children:U||"-"}),Q&&r($,{children:[t(w,{}),N||"Something went wrong"]})]}),t(j,{$hasThumbnail:!!_,children:e})})(),t(g,{children:t(v,{"data-testid":`${D}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${E}`,loading:A||!F,icon:t(n,{})})})]})})}));export{D as FileListCard};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as r,Fragment as i}from"react/jsx-runtime";import{DownloadIcon as n}from"@lifesg/react-icons";import{memo as o,useState as l,useRef as a,useEffect as m}from"react";import{FileUploadHelper as s}from"../../file-upload/helper.js";import"../../theme/theme-provider/index.js";import"../../theme/theme-provider/context.js";import"../../theme/tokens/border.js";import"../../theme/tokens/colour.js";import"../../theme/tokens/font.js";import"../../theme/tokens/media-query.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import"../../util/simple-id-generator.js";import{StringHelper as d}from"../../util/string-helper.js";import"@react-aria/live-announcer";import{useMaxWidthMediaQuery as c}from"../../theme/utils/use-media-query.js";import*as h from"./file-list-card.styles.js";const{ActionContainer:u,Box:p,ContentSection:f,DesktopErrorMessage:g,ErrorIcon:j,ExtendedNameSection:y,FileSizeSection:b,IconButton:w,Item:x,ItemNameText:S,MobileErrorMessage:T,NameSection:v,Thumbnail:k,ThumbnailContainer:I}=h,$=o((({fileItem:o,onDownload:h})=>{const{id:$,name:C,size:z,errorMessage:D,thumbnailImageDataUrl:E,truncateText:M=!0,ready:B=!0}=o,[N,q]=l(!1),[F,_]=l(!1),A=s.formatFileSizeDisplay(z),L=c("sm"),[R,U]=l(),G=a(null);m((()=>{G.current&&U(L?H(C):C)}),[C,L]);const H=e=>{if(!M)return e;const t=G&&G.current?G.current.getBoundingClientRect().width:0;return d.truncateTwoLines(e,t,16,1.5)},J=()=>r(i,{children:[t(S,{ref:G,children:R}),F&&r(g,{children:[t(j,{}),D||"Something went wrong"]})]});return t(x,{"data-testid":$,children:r(p,{onClick:()=>e(void 0,void 0,void 0,(function*(){if(B&&!N){q(!0);try{_(!1),yield h(o)}catch(e){_(!0)}finally{q(!1)}}})),$error:F,children:[(()=>{let e;return e=r(i,E?{children:[t(I,{"data-testid":`${$}-thumbnail`,children:t(k,{"data-testid":`${$}-thumbnail-image`,src:E})}),r(y,{children:[t(v,{children:J()}),t(b,{children:A||"-"}),F&&r(T,{children:[t(j,{}),D||"Something went wrong"]})]})]}:{children:[t(v,{children:J()}),t(b,{children:A||"-"}),F&&r(T,{children:[t(j,{}),D||"Something went wrong"]})]}),t(f,{$hasThumbnail:!!E,children:e})})(),t(u,{children:t(w,{"data-testid":`${$}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${C}`,loading:N||!B,icon:t(n,{})})})]})})}));export{$ as FileListCard};
 //# sourceMappingURL=file-list-card.js.map

package/file-download/file-list-card/file-list-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-list-card.js","sources":["../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useContext, useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { StringHelper } from \"../../util\";\nimport { V3_Breakpoint } from \"../../v3_theme\";\nimport * as styles from \"./file-list-card.styles\";\nimport type { FileListItemProps } from \"./types\";\n\nconst {\n    ActionContainer,\n    Box,\n    ContentSection,\n    DesktopErrorMessage,\n    ErrorIcon,\n    ExtendedNameSection,\n    FileSizeSection,\n    IconButton,\n    Item,\n    ItemNameText,\n    MobileErrorMessage,\n    NameSection,\n    Thumbnail,\n    ThumbnailContainer,\n} = styles;\n\nconst Component = ({ fileItem, onDownload }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n            {isError && (\n                <DesktopErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </DesktopErrorMessage>\n            )}\n        </>\n    );\n\n    const renderWithThumbnail = (thumbnailSrc: string) => (\n        <>\n            <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n                <Thumbnail\n                    data-testid={`${id}-thumbnail-image`}\n                    src={thumbnailSrc}\n                />\n            </ThumbnailContainer>\n            <ExtendedNameSection>\n                <NameSection>{renderNameDescription()}</NameSection>\n                <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n                {isError && (\n                    <MobileErrorMessage>\n                        <ErrorIcon />\n                        {errorMessage ? errorMessage : \"Something went wrong\"}\n                    </MobileErrorMessage>\n                )}\n            </ExtendedNameSection>\n        </>\n    );\n\n    const renderDefault = () => (\n        <>\n            <NameSection>{renderNameDescription()}</NameSection>\n            <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n            {isError && (\n                <MobileErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </MobileErrorMessage>\n            )}\n        </>\n    );\n\n    const renderContents = () => {\n        let content: JSX.Element;\n\n        if (thumbnailImageDataUrl) {\n            content = renderWithThumbnail(thumbnailImageDataUrl);\n        } else {\n            content = renderDefault();\n        }\n\n        return (\n            <ContentSection $hasThumbnail={!!thumbnailImageDataUrl}>\n                {content}\n            </ContentSection>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <ActionContainer>\n                <IconButton\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                    loading={isLoading || !ready}\n                    icon={<DownloadIcon />}\n                />\n            </ActionContainer>\n        );\n    };\n\n    return (\n        <Item data-testid={id}>\n            <Box onClick={handleDownload} $error={isError}>\n                {renderContents()}\n                {renderActions()}\n            </Box>\n        </Item>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["ActionContainer","Box","ContentSection","DesktopErrorMessage","ErrorIcon","ExtendedNameSection","FileSizeSection","IconButton","Item","ItemNameText","MobileErrorMessage","NameSection","Thumbnail","ThumbnailContainer","styles","FileListCard","memo","fileItem","onDownload","id","name","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameDescription","_jsxs","_jsx","ref","children","onClick","__awaiter","_a","$error","content","_Fragment","src","$hasThumbnail","renderContents","type","styleType","sizeType","loading","icon","DownloadIcon"],"mappings":"wvBAWA,MAAMA,gBACFA,EAAeC,IACfA,EAAGC,eACHA,EAAcC,oBACdA,EAAmBC,UACnBA,EAASC,oBACTA,EAAmBC,gBACnBA,EAAeC,WACfA,EAAUC,KACVA,EAAIC,aACJA,EAAYC,mBACZA,EAAkBC,YAClBA,EAAWC,UACXA,EAASC,mBACTA,GACAC,EAkKSC,EAAeC,GAhKV,EAAGC,WAAUC,iBAI3B,MAAMC,GACFA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,aACJA,EAAYC,sBACZA,EAAqBC,aACrBA,GAAe,EAAIC,MACnBA,GAAQ,GACRR,GAGGS,EAAWC,GAAgBC,GAAkB,IAC7CC,EAASC,GAAcF,GAAkB,GAC1CG,EAAWC,EAAiBC,sBAAsBZ,GAClDa,EAAQC,EAAWC,GACnBC,EAAmBC,EAAc,UAAU,CAAEJ,UAC7CK,EAAWC,EAAAA,cAAc,CAAEC,SAAUJ,KACpCK,EAAaC,GAAkBf,IAChCgB,EAAeC,EAAuB,MAK5CC,GAAU,KACDF,EAAaG,SAEdJ,EADAJ,EACeS,EAAiB5B,GAEjBA,EACnB,GACD,CAACA,EAAMmB,IAKV,MAmBMS,EAAoBC,IACtB,IAAKzB,EAAc,OAAOyB,EAE1B,MAAMC,EACFN,GAAgBA,EAAaG,QACvBH,EAAaG,QAAQI,wBAAwBC,MAC7C,EAEV,OAAOC,EAAaC,iBAAiBL,EAAOC,EAAgB,GAAI,IAAI,EAMlEK,EAAwB,IAC1BC,eACIC,EAAChD,EAAY,CAACiD,IAAKd,EAAYe,SAAGjB,IACjCb,GACG2B,EAACrD,aACGsD,EAACrD,MACAkB,GAA8B,6BAwE/C,OACImC,EAACjD,EAAI,CAAA,cAAcW,EAAEwC,SACjBH,EAACvD,EAAG,CAAC2D,QAjHU,IAAWC,OAAA,OAAA,OAAA,GAAA,YAC9B,GAAKpC,IAASC,EAAd,CAIAC,GAAa,GACb,IACIG,GAAW,SACLZ,EAAWD,EACrB,CAAE,MAAA6C,GACEhC,GAAW,EACf,SACIH,GAAa,EACjB,CAVA,CAWJ,IAmGoCoC,OAAUlC,EAAO8B,SAAA,CAlC9B,MACnB,IAAIK,EAQJ,OALIA,EArCJR,EAAAS,EAoCI1C,EApCJ,CAAAoC,SAAA,CACIF,EAAC5C,EAAkB,CAAA,cAAc,GAAGM,uBAChCsC,EAAC7C,EAAS,CAAA,cACO,GAAGO,oBAChB+C,IAiCsB3C,MA9B9BiC,EAACnD,EAAmB,CAAAsD,SAAA,CAChBF,EAAC9C,EAAW,CAAAgD,SAAEJ,MACdE,EAACnD,EAAe,CAAAqD,SAAE5B,GAAsB,MACvCF,GACG2B,EAAC9C,EAAkB,CAAAiD,SAAA,CACfF,EAACrD,EAAS,CAAA,GACTkB,GAA8B,+BAQ/C,CAAAqC,SAAA,CACIF,EAAC9C,EAAW,CAAAgD,SAAEJ,MACdE,EAACnD,EAAe,CAAAqD,SAAE5B,GAAsB,MACvCF,GACG2B,EAAC9C,EAAkB,CAAAiD,SAAA,CACfF,EAACrD,EAAS,CAAA,GACTkB,GAA8B,6BAgBvCmC,EAACvD,EAAc,CAAAiE,gBAAkB5C,EAAqBoC,SACjDK,GACY,EAuBZI,GAjBLX,EAACzD,YACGyD,EAAClD,iBACgB,GAAGY,oBAChBkD,KAAK,SACLC,UAAU,QACVC,SAAS,QAAO,aACJ,YAAYnD,IACxBoD,QAAS9C,IAAcD,EACvBgD,KAAMhB,EAACiB,cAYZ"}
+{"version":3,"file":"file-list-card.js","sources":["../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { useMaxWidthMediaQuery } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport * as styles from \"./file-list-card.styles\";\nimport type { FileListItemProps } from \"./types\";\n\nconst {\n    ActionContainer,\n    Box,\n    ContentSection,\n    DesktopErrorMessage,\n    ErrorIcon,\n    ExtendedNameSection,\n    FileSizeSection,\n    IconButton,\n    Item,\n    ItemNameText,\n    MobileErrorMessage,\n    NameSection,\n    Thumbnail,\n    ThumbnailContainer,\n} = styles;\n\nconst Component = ({ fileItem, onDownload }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const isMobile = useMaxWidthMediaQuery(\"sm\");\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n            {isError && (\n                <DesktopErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </DesktopErrorMessage>\n            )}\n        </>\n    );\n\n    const renderWithThumbnail = (thumbnailSrc: string) => (\n        <>\n            <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n                <Thumbnail\n                    data-testid={`${id}-thumbnail-image`}\n                    src={thumbnailSrc}\n                />\n            </ThumbnailContainer>\n            <ExtendedNameSection>\n                <NameSection>{renderNameDescription()}</NameSection>\n                <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n                {isError && (\n                    <MobileErrorMessage>\n                        <ErrorIcon />\n                        {errorMessage ? errorMessage : \"Something went wrong\"}\n                    </MobileErrorMessage>\n                )}\n            </ExtendedNameSection>\n        </>\n    );\n\n    const renderDefault = () => (\n        <>\n            <NameSection>{renderNameDescription()}</NameSection>\n            <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n            {isError && (\n                <MobileErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </MobileErrorMessage>\n            )}\n        </>\n    );\n\n    const renderContents = () => {\n        let content: JSX.Element;\n\n        if (thumbnailImageDataUrl) {\n            content = renderWithThumbnail(thumbnailImageDataUrl);\n        } else {\n            content = renderDefault();\n        }\n\n        return (\n            <ContentSection $hasThumbnail={!!thumbnailImageDataUrl}>\n                {content}\n            </ContentSection>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <ActionContainer>\n                <IconButton\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                    loading={isLoading || !ready}\n                    icon={<DownloadIcon />}\n                />\n            </ActionContainer>\n        );\n    };\n\n    return (\n        <Item data-testid={id}>\n            <Box onClick={handleDownload} $error={isError}>\n                {renderContents()}\n                {renderActions()}\n            </Box>\n        </Item>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["ActionContainer","Box","ContentSection","DesktopErrorMessage","ErrorIcon","ExtendedNameSection","FileSizeSection","IconButton","Item","ItemNameText","MobileErrorMessage","NameSection","Thumbnail","ThumbnailContainer","styles","FileListCard","memo","fileItem","onDownload","id","name","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","isMobile","useMaxWidthMediaQuery","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameDescription","_jsxs","_jsx","ref","children","onClick","__awaiter","_a","$error","content","_Fragment","src","$hasThumbnail","renderContents","type","styleType","sizeType","loading","icon","DownloadIcon"],"mappings":"g3BASA,MAAMA,gBACFA,EAAeC,IACfA,EAAGC,eACHA,EAAcC,oBACdA,EAAmBC,UACnBA,EAASC,oBACTA,EAAmBC,gBACnBA,EAAeC,WACfA,EAAUC,KACVA,EAAIC,aACJA,EAAYC,mBACZA,EAAkBC,YAClBA,EAAWC,UACXA,EAASC,mBACTA,GACAC,EAgKSC,EAAeC,GA9JV,EAAGC,WAAUC,iBAI3B,MAAMC,GACFA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,aACJA,EAAYC,sBACZA,EAAqBC,aACrBA,GAAe,EAAIC,MACnBA,GAAQ,GACRR,GAGGS,EAAWC,GAAgBC,GAAkB,IAC7CC,EAASC,GAAcF,GAAkB,GAC1CG,EAAWC,EAAiBC,sBAAsBZ,GAClDa,EAAWC,EAAsB,OAChCC,EAAaC,GAAkBT,IAChCU,EAAeC,EAAuB,MAK5CC,GAAU,KACDF,EAAaG,SAEdJ,EADAH,EACeQ,EAAiBtB,GAEjBA,EACnB,GACD,CAACA,EAAMc,IAKV,MAmBMQ,EAAoBC,IACtB,IAAKnB,EAAc,OAAOmB,EAE1B,MAAMC,EACFN,GAAgBA,EAAaG,QACvBH,EAAaG,QAAQI,wBAAwBC,MAC7C,EAEV,OAAOC,EAAaC,iBAAiBL,EAAOC,EAAgB,GAAI,IAAI,EAMlEK,EAAwB,IAC1BC,eACIC,EAAC1C,EAAY,CAAC2C,IAAKd,EAAYe,SAAGjB,IACjCP,GACGqB,EAAC/C,aACGgD,EAAC/C,MACAkB,GAA8B,6BAwE/C,OACI6B,EAAC3C,EAAI,CAAA,cAAcW,EAAEkC,SACjBH,EAACjD,EAAG,CAACqD,QAjHU,IAAWC,OAAA,OAAA,OAAA,GAAA,YAC9B,GAAK9B,IAASC,EAAd,CAIAC,GAAa,GACb,IACIG,GAAW,SACLZ,EAAWD,EACrB,CAAE,MAAAuC,GACE1B,GAAW,EACf,SACIH,GAAa,EACjB,CAVA,CAWJ,IAmGoC8B,OAAU5B,EAAOwB,SAAA,CAlC9B,MACnB,IAAIK,EAQJ,OALIA,EArCJR,EAAAS,EAoCIpC,EApCJ,CAAA8B,SAAA,CACIF,EAACtC,EAAkB,CAAA,cAAc,GAAGM,uBAChCgC,EAACvC,EAAS,CAAA,cACO,GAAGO,oBAChByC,IAiCsBrC,MA9B9B2B,EAAC7C,EAAmB,CAAAgD,SAAA,CAChBF,EAACxC,EAAW,CAAA0C,SAAEJ,MACdE,EAAC7C,EAAe,CAAA+C,SAAEtB,GAAsB,MACvCF,GACGqB,EAACxC,EAAkB,CAAA2C,SAAA,CACfF,EAAC/C,EAAS,CAAA,GACTkB,GAA8B,+BAQ/C,CAAA+B,SAAA,CACIF,EAACxC,EAAW,CAAA0C,SAAEJ,MACdE,EAAC7C,EAAe,CAAA+C,SAAEtB,GAAsB,MACvCF,GACGqB,EAACxC,EAAkB,CAAA2C,SAAA,CACfF,EAAC/C,EAAS,CAAA,GACTkB,GAA8B,6BAgBvC6B,EAACjD,EAAc,CAAA2D,gBAAkBtC,EAAqB8B,SACjDK,GACY,EAuBZI,GAjBLX,EAACnD,YACGmD,EAAC5C,iBACgB,GAAGY,oBAChB4C,KAAK,SACLC,UAAU,QACVC,SAAS,QAAO,aACJ,YAAY7C,IACxB8C,QAASxC,IAAcD,EACvB0C,KAAMhB,EAACiB,cAYZ"}

package/file-upload/dropzone.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as i,useImperativeHandle as o}from"react";import{useDropzone as s}from"../external/react-dropzone/dist/es/index.js";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import{Border as a}from"../theme/tokens/border.js";import{Colour as n}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as d}from"../theme/tokens/radius.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{Container as m,HiddenInput as l,DragOverlay as p,OverlayIcon as c,OverlayText as u}from"./dropzone.styles.js";const h=t((({children:t,accept:h,capture:j,multiple:b,id:g,className:f,name:k,border:x,disabled:y,onChange:v,"data-testid":D},w)=>{const z=i(null),{getRootProps:C,isDragActive:O}=s({onDrop:v,noClick:!0,disabled:y});o(w,(()=>Object.assign(Object.assign({},z.current),{openFileDialog:()=>{z.current&&(z.current.value="",z.current.click())}})));return e(m,Object.assign({id:g,"data-testid":D||"dropzone",enabled:x,$showDashedBorder:x,thickness:a["width-040"],radius:d.sm,colour:n.border,className:f},C(),{children:[r(l,{type:"file",name:k,ref:z,tabIndex:-1,"aria-hidden":!0,accept:h,capture:j,multiple:b,"data-testid":D?`${D}-input`:"dropzone-input",onChange:e=>{e.target.files&&v(Array.from(e.target.files))}}),t,O&&e(p,{colour:n["border-primary"],thickness:a["width-040"],radius:d.sm,enabled:x,backgroundColor:n["bg-primary-subtler"],children:[r(c,{}),r(u,{weight:"semibold",children:"Drop files here"})]})]}))}));export{h as FileUploadDropzone};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{CloudArrowUpFillIcon as t}from"@lifesg/react-icons/cloud-arrow-up-fill";import o from"clsx";import{forwardRef as i,useRef as s,useImperativeHandle as a}from"react";import{useDropzone as m}from"../external/react-dropzone/dist/es/index.js";import{DashedBorder as n}from"../dashed-border/dashed-border.js";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import{Border as d}from"../theme/tokens/border.js";import{Colour as l}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as p}from"../theme/tokens/radius.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import"../theme/utils/use-media-query.js";import{Typography as c}from"../typography/index.js";import{container as u,containerWithDashedBorder as h,hiddenInput as j,dragOverlay as f,overlayIcon as b,overlayText as g}from"./dropzone.styles.js";const y=i((({children:i,accept:y,capture:k,multiple:x,id:N,className:v,name:D,border:w,disabled:z,onChange:C,"data-testid":O},q)=>{const A=s(null),{getRootProps:B,isDragActive:F}=m({onDrop:C,noClick:!0,disabled:z});a(q,(()=>Object.assign(Object.assign({},A.current),{openFileDialog:()=>{A.current&&(A.current.value="",A.current.click())}})));return e(n,Object.assign({id:N,"data-testid":O||"dropzone",enabled:w,thickness:d["width-040"],radius:p.sm,colour:l.border,className:o(u,w&&h,v)},B(),{children:[r("input",{type:"file",name:D,ref:A,tabIndex:-1,"aria-hidden":!0,className:j,accept:y,capture:k,multiple:x,"data-testid":O?`${O}-input`:"dropzone-input",onChange:e=>{e.target.files&&C(Array.from(e.target.files))}}),i,F&&e(n,{colour:l["border-primary"],thickness:d["width-040"],radius:p.sm,enabled:w,backgroundColor:l["bg-primary-subtler"],className:f,children:[r(t,{className:b}),r(c.BodyMD,{className:g,weight:"semibold",children:"Drop files here"})]})]}))}));export{y as FileUploadDropzone};
 //# sourceMappingURL=dropzone.js.map

package/file-upload/dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.js","sources":["../../src/file-upload/dropzone.tsx"],"sourcesContent":["import type React from \"react\";\nimport { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\n\nimport { Border, Colour, Radius } from \"../theme\";\nimport {\n    Container,\n    DragOverlay,\n    HiddenInput,\n    OverlayIcon,\n    OverlayText,\n} from \"./dropzone.styles\";\nimport type { FileInputProps } from \"./types\";\n\nexport interface DropzoneElement extends HTMLInputElement {\n    openFileDialog: () => void;\n}\n\ninterface Props extends FileInputProps {\n    children: React.ReactNode;\n    id: string;\n    border: boolean;\n    onChange: (files: File[]) => void;\n}\n\nconst Component = (\n    {\n        children,\n        accept,\n        capture,\n        multiple,\n        id,\n        className,\n        name,\n        border,\n        disabled,\n        onChange,\n        \"data-testid\": testId,\n    }: Props,\n    ref: React.Ref<DropzoneElement>\n) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const inputRef = useRef<HTMLInputElement>(null);\n    const { getRootProps, isDragActive } = useDropzone({\n        onDrop: onChange,\n        noClick: true,\n        disabled,\n    });\n\n    useImperativeHandle(ref, () => ({\n        ...inputRef.current!,\n        openFileDialog: () => {\n            if (inputRef.current) {\n                inputRef.current.value = \"\"; // Reset the input to enable same file upload\n                inputRef.current.click();\n            }\n        },\n    }));\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (event.target.files) {\n            onChange(Array.from(event.target.files));\n        }\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderDragOverlay = () => (\n        <DragOverlay\n            colour={Colour[\"border-primary\"]}\n            thickness={Border[\"width-040\"]}\n            radius={Radius[\"sm\"]}\n            enabled={border}\n            backgroundColor={Colour[\"bg-primary-subtler\"]}\n        >\n            <OverlayIcon />\n            <OverlayText weight=\"semibold\">Drop files here</OverlayText>\n        </DragOverlay>\n    );\n\n    return (\n        <Container\n            id={id}\n            data-testid={testId || \"dropzone\"}\n            enabled={border}\n            $showDashedBorder={border}\n            thickness={Border[\"width-040\"]}\n            radius={Radius[\"sm\"]}\n            colour={Colour[\"border\"]}\n            className={className}\n            {...getRootProps()}\n        >\n            <HiddenInput\n                type=\"file\"\n                name={name}\n                ref={inputRef}\n                tabIndex={-1}\n                aria-hidden\n                accept={accept}\n                capture={capture}\n                multiple={multiple}\n                data-testid={testId ? `${testId}-input` : \"dropzone-input\"}\n                onChange={handleChange}\n            />\n            {children}\n            {isDragActive && renderDragOverlay()}\n        </Container>\n    );\n};\n\nexport const FileUploadDropzone = forwardRef(Component);\n"],"names":["FileUploadDropzone","forwardRef","children","accept","capture","multiple","id","className","name","border","disabled","onChange","testId","ref","inputRef","useRef","getRootProps","isDragActive","useDropzone","onDrop","noClick","useImperativeHandle","Object","assign","current","openFileDialog","value","click","_jsxs","Container","enabled","$showDashedBorder","thickness","Border","radius","Radius","colour","Colour","_jsx","HiddenInput","type","tabIndex","event","target","files","Array","from","DragOverlay","backgroundColor","OverlayIcon","OverlayText","weight"],"mappings":"kyBAyBA,MA2FaA,EAAqBC,GA3FhB,EAEVC,WACAC,SACAC,UACAC,WACAC,KACAC,YACAC,OACAC,SACAC,WACAC,WACA,cAAeC,GAEnBC,KAKA,MAAMC,EAAWC,EAAyB,OACpCC,aAAEA,EAAYC,aAAEA,GAAiBC,EAAY,CAC/CC,OAAQR,EACRS,SAAS,EACTV,aAGJW,EAAoBR,GAAK,IAAMS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACxBT,EAASU,SAAQ,CACpBC,eAAgB,KACRX,EAASU,UACTV,EAASU,QAAQE,MAAQ,GACzBZ,EAASU,QAAQG,QACrB,MA6BR,OACIC,EAACC,EAASP,OAAAC,OAAA,CACNjB,GAAIA,EAAE,cACOM,GAAU,WACvBkB,QAASrB,EAAMsB,kBACItB,EACnBuB,UAAWC,EAAO,aAClBC,OAAQC,EAAW,GACnBC,OAAQC,EAAe,OACvB9B,UAAWA,GACPS,IAAc,CAAAd,SAAA,CAElBoC,EAACC,EAAW,CACRC,KAAK,OACLhC,KAAMA,EACNK,IAAKC,EACL2B,UAAU,EAAE,eAAA,EAEZtC,OAAQA,EACRC,QAASA,EACTC,SAAUA,EAAQ,cACLO,EAAS,GAAGA,UAAiB,iBAC1CD,SA5CU+B,IACdA,EAAMC,OAAOC,OACbjC,EAASkC,MAAMC,KAAKJ,EAAMC,OAAOC,OACrC,IA2CK1C,EACAe,GArCLW,EAACmB,EAAW,CACRX,OAAQC,EAAO,kBACfL,UAAWC,EAAO,aAClBC,OAAQC,EAAW,GACnBL,QAASrB,EACTuC,gBAAiBX,EAAO,sBAAqBnC,SAAA,CAE7CoC,EAACW,EAAW,CAAA,GACZX,EAACY,EAAW,CAACC,OAAO,WAAUjD,SAAA,0BA8BtB"}
+{"version":3,"file":"dropzone.js","sources":["../../src/file-upload/dropzone.tsx"],"sourcesContent":["import { CloudArrowUpFillIcon } from \"@lifesg/react-icons/cloud-arrow-up-fill\";\nimport clsx from \"clsx\";\nimport type React from \"react\";\nimport { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\n\nimport { DashedBorder } from \"../dashed-border\";\nimport { Border, Colour, Radius } from \"../theme\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./dropzone.styles\";\nimport type { FileInputProps } from \"./types\";\n\nexport interface DropzoneElement extends HTMLInputElement {\n    openFileDialog: () => void;\n}\n\ninterface Props extends FileInputProps {\n    children: React.ReactNode;\n    id: string;\n    border: boolean;\n    onChange: (files: File[]) => void;\n}\n\nconst Component = (\n    {\n        children,\n        accept,\n        capture,\n        multiple,\n        id,\n        className,\n        name,\n        border,\n        disabled,\n        onChange,\n        \"data-testid\": testId,\n    }: Props,\n    ref: React.Ref<DropzoneElement>\n) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const inputRef = useRef<HTMLInputElement>(null);\n    const { getRootProps, isDragActive } = useDropzone({\n        onDrop: onChange,\n        noClick: true,\n        disabled,\n    });\n\n    useImperativeHandle(ref, () => ({\n        ...inputRef.current!,\n        openFileDialog: () => {\n            if (inputRef.current) {\n                inputRef.current.value = \"\"; // Reset the input to enable same file upload\n                inputRef.current.click();\n            }\n        },\n    }));\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (event.target.files) {\n            onChange(Array.from(event.target.files));\n        }\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderDragOverlay = () => (\n        <DashedBorder\n            colour={Colour[\"border-primary\"]}\n            thickness={Border[\"width-040\"]}\n            radius={Radius[\"sm\"]}\n            enabled={border}\n            backgroundColor={Colour[\"bg-primary-subtler\"]}\n            className={styles.dragOverlay}\n        >\n            <CloudArrowUpFillIcon className={styles.overlayIcon} />\n            <Typography.BodyMD className={styles.overlayText} weight=\"semibold\">\n                Drop files here\n            </Typography.BodyMD>\n        </DashedBorder>\n    );\n\n    return (\n        <DashedBorder\n            id={id}\n            data-testid={testId || \"dropzone\"}\n            enabled={border}\n            thickness={Border[\"width-040\"]}\n            radius={Radius[\"sm\"]}\n            colour={Colour[\"border\"]}\n            className={clsx(\n                styles.container,\n                border && styles.containerWithDashedBorder,\n                className\n            )}\n            {...getRootProps()}\n        >\n            <input\n                type=\"file\"\n                name={name}\n                ref={inputRef}\n                tabIndex={-1}\n                aria-hidden\n                className={styles.hiddenInput}\n                accept={accept}\n                capture={capture}\n                multiple={multiple}\n                data-testid={testId ? `${testId}-input` : \"dropzone-input\"}\n                onChange={handleChange}\n            />\n            {children}\n            {isDragActive && renderDragOverlay()}\n        </DashedBorder>\n    );\n};\n\nexport const FileUploadDropzone = forwardRef(Component);\n"],"names":["FileUploadDropzone","forwardRef","children","accept","capture","multiple","id","className","name","border","disabled","onChange","testId","ref","inputRef","useRef","getRootProps","isDragActive","useDropzone","onDrop","noClick","useImperativeHandle","Object","assign","current","openFileDialog","value","click","_jsxs","DashedBorder","enabled","thickness","Border","radius","Radius","colour","Colour","clsx","styles.container","styles.containerWithDashedBorder","_jsx","type","tabIndex","styles.hiddenInput","event","target","files","Array","from","backgroundColor","styles.dragOverlay","CloudArrowUpFillIcon","styles.overlayIcon","Typography","BodyMD","styles.overlayText","weight"],"mappings":"mkCAuBA,MAkGaA,EAAqBC,GAlGhB,EAEVC,WACAC,SACAC,UACAC,WACAC,KACAC,YACAC,OACAC,SACAC,WACAC,WACA,cAAeC,GAEnBC,KAKA,MAAMC,EAAWC,EAAyB,OACpCC,aAAEA,EAAYC,aAAEA,GAAiBC,EAAY,CAC/CC,OAAQR,EACRS,SAAS,EACTV,aAGJW,EAAoBR,GAAK,IAAMS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACxBT,EAASU,SAAQ,CACpBC,eAAgB,KACRX,EAASU,UACTV,EAASU,QAAQE,MAAQ,GACzBZ,EAASU,QAAQG,QACrB,MAgCR,OACIC,EAACC,EAAYP,OAAAC,OAAA,CACTjB,GAAIA,EAAE,cACOM,GAAU,WACvBkB,QAASrB,EACTsB,UAAWC,EAAO,aAClBC,OAAQC,EAAW,GACnBC,OAAQC,EAAe,OACvB7B,UAAW8B,EACPC,EACA7B,GAAU8B,EACVhC,IAEAS,IAAc,CAAAd,SAAA,CAElBsC,EAAA,QAAA,CACIC,KAAK,OACLjC,KAAMA,EACNK,IAAKC,EACL4B,UAAU,mBAEVnC,UAAWoC,EACXxC,OAAQA,EACRC,QAASA,EACTC,SAAUA,EAAQ,cACLO,EAAS,GAAGA,UAAiB,iBAC1CD,SAnDUiC,IACdA,EAAMC,OAAOC,OACbnC,EAASoC,MAAMC,KAAKJ,EAAMC,OAAOC,OACrC,IAkDK5C,EACAe,GA5CLW,EAACC,EAAY,CACTM,OAAQC,EAAO,kBACfL,UAAWC,EAAO,aAClBC,OAAQC,EAAW,GACnBJ,QAASrB,EACTwC,gBAAiBb,EAAO,sBACxB7B,UAAW2C,EAAkBhD,SAAA,CAE7BsC,EAACW,EAAoB,CAAC5C,UAAW6C,IACjCZ,EAACa,EAAWC,OAAM,CAAC/C,UAAWgD,EAAoBC,OAAO,WAAUtD,SAAA,0BAoCxD"}

package/file-upload/dropzone.styles.d.ts

@@ -1,34 +1,6 @@
-interface StyleProps {
-    $showDashedBorder: boolean | undefined;
-}
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").DashedBorderProps & import("react").RefAttributes<HTMLDivElement>, "$showDashedBorder"> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("..").DashedBorderProps & import("react").RefAttributes<HTMLDivElement>, "$showDashedBorder"> & StyleProps, never>>> & string & Omit<(props: import("..").DashedBorderProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
-export declare const DragOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").DashedBorderProps & import("react").RefAttributes<HTMLDivElement>, never> & Partial<Pick<import("..").DashedBorderProps & import("react").RefAttributes<HTMLDivElement>, never>>> & string & Omit<(props: import("..").DashedBorderProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const OverlayText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const OverlayIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export {};
+export declare const container: import("@linaria/core").LinariaClassName;
+export declare const containerWithDashedBorder: import("@linaria/core").LinariaClassName;
+export declare const hiddenInput: import("@linaria/core").LinariaClassName;
+export declare const dragOverlay: import("@linaria/core").LinariaClassName;
+export declare const overlayText: import("@linaria/core").LinariaClassName;
+export declare const overlayIcon: import("@linaria/core").LinariaClassName;