@gyramais/gyra-design 0.1.80 → 0.1.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/r=n,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=i(e,n(r)))}return e}function n(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var n="";for(var a in r)e.call(r,a)&&r[a]&&(n=i(n,a));return n}function i(e,t){return t?e?e+" "+t:e+t:e}r.exports?(t.default=t,r.exports=t):window.classNames=t}();var i=t(n.exports),a=function(t){var r=t.active;return e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"16",cy:"16",r:"15",fill:"white"}),e.createElement("circle",{cx:"16",cy:"16",r:"15",stroke:r?"#1256FF":"#9CA3AF","stroke-width":"2"}),e.createElement("circle",{cx:"16",cy:"16",r:"5",fill:r?"#1256FF":"#D1D5DB"}))},l=function(t){var r=t.id,n=t.className,l=t.currentStepValue,s=t.steps;s[0].position="first",s[s.length-1].position="last";var c=s.findIndex((function(e){return e.value===l}));return e.createElement("div",{id:r,className:i("gyramais-stepper",n)},e.createElement("div",{className:i("gyramais-stepper-line")}),s.map((function(t,r){return e.createElement("div",{className:i("gyramais-step","".concat(t.position,"-step"))},e.createElement(a,{active:t.value===l}),e.createElement("div",{className:"hidden md
|
|
6
|
+
*/r=n,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=i(e,n(r)))}return e}function n(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var n="";for(var a in r)e.call(r,a)&&r[a]&&(n=i(n,a));return n}function i(e,t){return t?e?e+" "+t:e+t:e}r.exports?(t.default=t,r.exports=t):window.classNames=t}();var i=t(n.exports),a=function(t){var r=t.active;return e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"16",cy:"16",r:"15",fill:"white"}),e.createElement("circle",{cx:"16",cy:"16",r:"15",stroke:r?"#1256FF":"#9CA3AF","stroke-width":"2"}),e.createElement("circle",{cx:"16",cy:"16",r:"5",fill:r?"#1256FF":"#D1D5DB"}))},l=function(t){var r=t.id,n=t.className,l=t.currentStepValue,s=t.steps;s[0].position="first",s[s.length-1].position="last";var c=s.findIndex((function(e){return e.value===l}));return e.createElement("div",{id:r,className:i("gyramais-stepper",n)},e.createElement("div",{className:i("gyramais-stepper-line")}),s.map((function(t,r){return e.createElement("div",{className:i("gyramais-step","".concat(t.position,"-step"))},e.createElement(a,{active:t.value===l}),e.createElement("div",{className:"hidden md:!inline",style:{display:c===r?"inline":void 0}},e.createElement("p",{className:i("gyramais-step-title")},t.title),e.createElement("p",{className:i("gyramais-step-sub-title")},t.subtitle)))})))};export{l as Stepper};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\ntype StatusTagProps = {\n id?: string;\n className?: string;\n currentStepValue?: string;\n steps: {\n value: string,\n title: string,\n subtitle: string,\n position?: string;\n }[]\n}\n\nconst Ball = ({ active }: { active: boolean }) => (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"16\" cy=\"16\" r=\"15\" fill=\"white\" />\n <circle cx=\"16\" cy=\"16\" r=\"15\" stroke={active ? \"#1256FF\" : '#9CA3AF'} stroke-width=\"2\" />\n <circle cx=\"16\" cy=\"16\" r=\"5\" fill={active ? \"#1256FF\" : '#D1D5DB'} />\n </svg>\n\n)\n\nconst Stepper = ({\n id,\n className,\n currentStepValue,\n steps,\n}: StatusTagProps) => {\n steps[0].position = \"first\";\n steps[steps.length - 1].position = \"last\"\n\n const index = steps.findIndex((step) => step.value === currentStepValue);\n\n return (\n <div\n id={id}\n className={classNames(\n \"gyramais-stepper\",\n className,\n )}\n >\n <div className={classNames(\"gyramais-stepper-line\")} />\n {steps.map((step, i) => (\n <div className={classNames(\"gyramais-step\", `${step.position}-step`)}>\n <Ball active={step.value === currentStepValue} />\n\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\ntype StatusTagProps = {\n id?: string;\n className?: string;\n currentStepValue?: string;\n steps: {\n value: string,\n title: string,\n subtitle: string,\n position?: string;\n }[]\n}\n\nconst Ball = ({ active }: { active: boolean }) => (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"16\" cy=\"16\" r=\"15\" fill=\"white\" />\n <circle cx=\"16\" cy=\"16\" r=\"15\" stroke={active ? \"#1256FF\" : '#9CA3AF'} stroke-width=\"2\" />\n <circle cx=\"16\" cy=\"16\" r=\"5\" fill={active ? \"#1256FF\" : '#D1D5DB'} />\n </svg>\n\n)\n\nconst Stepper = ({\n id,\n className,\n currentStepValue,\n steps,\n}: StatusTagProps) => {\n steps[0].position = \"first\";\n steps[steps.length - 1].position = \"last\"\n\n const index = steps.findIndex((step) => step.value === currentStepValue);\n\n return (\n <div\n id={id}\n className={classNames(\n \"gyramais-stepper\",\n className,\n )}\n >\n <div className={classNames(\"gyramais-stepper-line\")} />\n {steps.map((step, i) => (\n <div className={classNames(\"gyramais-step\", `${step.position}-step`)}>\n <Ball active={step.value === currentStepValue} />\n\n <div\n className=\"hidden md:!inline\"\n style={{\n display: index === i ? 'inline' : undefined,\n }}\n >\n <p className={classNames(\"gyramais-step-title\")}>{step.title}</p>\n <p className={classNames(\"gyramais-step-sub-title\")}>{step.subtitle}</p>\n </div>\n </div>\n ))}\n </div>\n );\n};\n\nexport { Stepper };"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","Ball","_a","active","React","width","height","viewBox","fill","xmlns","createElement","cx","cy","r","stroke","Stepper","id","className","currentStepValue","steps","position","index","findIndex","step","map","style","display","undefined","title","subtitle"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAE,EAACC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE3C,CAED,OAAOJ,CACP,CAED,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACP,CAED,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,EAAAC,QAAiBpB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCSMuB,EAAO,SAACC,GAAE,IAAAC,EAAMD,EAAAC,OAA4B,OAChDC,uBAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEL,EAAAM,cAAA,SAAA,CAAQC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKL,KAAK,UACpCJ,EAAQM,cAAA,SAAA,CAAAC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,OAAQX,EAAS,UAAY,UAAwB,eAAA,MACpFC,EAAQM,cAAA,SAAA,CAAAC,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIL,KAAML,EAAS,UAAY,YAJX,EAS5CY,EAAU,SAACb,OACfc,EAAEd,EAAAc,GACFC,EAASf,EAAAe,UACTC,EAAgBhB,EAAAgB,iBAChBC,EAAKjB,EAAAiB,MAELA,EAAM,GAAGC,SAAW,QACpBD,EAAMA,EAAMrC,OAAS,GAAGsC,SAAW,OAEnC,IAAMC,EAAQF,EAAMG,WAAU,SAACC,GAAS,OAAAA,EAAK5B,QAAUuB,CAAf,IAExC,OACEd,EAAAM,cAAA,MAAA,CACEM,GAAIA,EACJC,UAAWvC,EACT,mBACAuC,IAGFb,EAAAM,cAAA,MAAA,CAAKO,UAAWvC,EAAW,2BAC1ByC,EAAMK,KAAI,SAACD,EAAM3C,GAAM,OACtBwB,EAAAM,cAAA,MAAA,CAAKO,UAAWvC,EAAW,gBAAiB,UAAG6C,EAAKH,SAAQ,WAC1DhB,EAACM,cAAAT,GAAKE,OAAQoB,EAAK5B,QAAUuB,IAE7Bd,EAAAM,cAAA,MAAA,CACEO,UAAU,oBACVQ,MAAO,CACLC,QAASL,IAAUzC,EAAI,cAAW+C,IAGpCvB,EAAGM,cAAA,IAAA,CAAAO,UAAWvC,EAAW,wBAAyB6C,EAAKK,OACvDxB,EAAAM,cAAA,IAAA,CAAGO,UAAWvC,EAAW,4BAA6B6C,EAAKM,WAGhE,IAGP","x_google_ignoreList":[0]}
|
package/dist/index.css
CHANGED
|
@@ -1311,8 +1311,8 @@ h6 {
|
|
|
1311
1311
|
|
|
1312
1312
|
@media (min-width: 768px) {
|
|
1313
1313
|
|
|
1314
|
-
.md
|
|
1315
|
-
display: inline;
|
|
1314
|
+
.md\:\!inline {
|
|
1315
|
+
display: inline !important;
|
|
1316
1316
|
}
|
|
1317
1317
|
}
|
|
1318
1318
|
:root {
|
|
@@ -7205,7 +7205,8 @@ h6 {
|
|
|
7205
7205
|
z-index: 10;
|
|
7206
7206
|
display: flex;
|
|
7207
7207
|
flex-direction: column;
|
|
7208
|
-
align-items: center
|
|
7208
|
+
align-items: center;
|
|
7209
|
+
text-align: center}
|
|
7209
7210
|
|
|
7210
7211
|
/*
|
|
7211
7212
|
ESSA MERDA NÃO VAI DE JEITO NENHUM
|