@gyramais/gyra-design 0.1.12 → 0.1.13
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use client";import
|
|
1
|
+
"use client";import t from"react";function r(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var e,o={exports:{}};
|
|
2
2
|
/*!
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/e=o,function(){var
|
|
6
|
+
*/e=o,function(){var t={}.hasOwnProperty;function r(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=a(t,o(e)))}return t}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return r.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var o="";for(var n in e)t.call(e,n)&&e[n]&&(o=a(o,n));return o}function a(t,r){return r?t?t+" "+r:t+r:t}e.exports?(r.default=r,e.exports=r):window.classNames=r}();var a=r(o.exports),n=function(r){var e=r.id,o=r.className,n=r.span,i=r.onClick,c=r.children;return t.createElement("div",{id:e,className:a("gyramais-col","gyramais-col-mobile-span-".concat("number"==typeof n?n:"object"==typeof n&&!Array.isArray(n)&&n.mobile),"object"!=typeof n||Array.isArray(n)||void 0===n.tablet?"":"gyramais-col-tablet-span-".concat(n.tablet),"object"!=typeof n||Array.isArray(n)||void 0===n.desktop?"":"gyramais-col-desktop-span-".concat(n.desktop),"object"!=typeof n||Array.isArray(n)||void 0===n.wide?"":"gyramais-col-wide-span-".concat(n.wide),o?"".concat(o,"-container"):""),onClick:i},t.createElement("div",{className:a("gyramais-col-content",o)},c))};export{n as Col};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Col/Col.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\";\r\nimport classNames from \"classnames\";\r\nimport \"./index.css\";\r\n\r\ntype Span = {\r\n mobile?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n tablet?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n desktop?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n wide?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n}\r\n\r\ntype ColProps = {\r\n id?: string;\r\n className?: string;\r\n span?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Span;\r\n onClick?: () => void;\r\n children?: React.ReactNode;\r\n}\r\n\r\nconst Col = ({\r\n id,\r\n className,\r\n span,\r\n onClick,\r\n children,\r\n}: ColProps) => {\r\n return (\r\n <div\r\n id={id}\r\n className={classNames(\r\n \"gyramais-col\",\r\n `gyramais-col-mobile-span-${typeof span === 'number' ? span : typeof span === 'object' && !Array.isArray(span) && span.mobile}`,\r\n typeof span === 'object' && !Array.isArray(span) && span.tablet !== undefined ? `gyramais-col-tablet-span-${span.tablet}` : '',\r\n typeof span === 'object' && !Array.isArray(span) && span.desktop !== undefined ? `gyramais-col-desktop-span-${span.desktop}` : '',\r\n typeof span === 'object' && !Array.isArray(span) && span.wide !== undefined ? `gyramais-col-wide-span-${span.wide}` : '',\r\n )}\r\n onClick={onClick}\r\n >\r\n <div\r\n className={classNames(\r\n 'gyramais-col-content',\r\n className,\r\n )}\r\n >\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport { Col };"],"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","Col","_a","id","className","span","onClick","children","React","createElement","mobile","undefined","tablet","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Col/Col.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\";\r\nimport classNames from \"classnames\";\r\nimport \"./index.css\";\r\n\r\ntype Span = {\r\n mobile?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n tablet?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n desktop?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n wide?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n}\r\n\r\ntype ColProps = {\r\n id?: string;\r\n className?: string;\r\n span?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Span;\r\n onClick?: () => void;\r\n children?: React.ReactNode;\r\n}\r\n\r\nconst Col = ({\r\n id,\r\n className,\r\n span,\r\n onClick,\r\n children,\r\n}: ColProps) => {\r\n return (\r\n <div\r\n id={id}\r\n className={classNames(\r\n \"gyramais-col\",\r\n `gyramais-col-mobile-span-${typeof span === 'number' ? span : typeof span === 'object' && !Array.isArray(span) && span.mobile}`,\r\n typeof span === 'object' && !Array.isArray(span) && span.tablet !== undefined ? `gyramais-col-tablet-span-${span.tablet}` : '',\r\n typeof span === 'object' && !Array.isArray(span) && span.desktop !== undefined ? `gyramais-col-desktop-span-${span.desktop}` : '',\r\n typeof span === 'object' && !Array.isArray(span) && span.wide !== undefined ? `gyramais-col-wide-span-${span.wide}` : '',\r\n className ? `${className}-container` : '',\r\n )}\r\n onClick={onClick}\r\n >\r\n <div\r\n className={classNames(\r\n 'gyramais-col-content',\r\n className,\r\n )}\r\n >\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport { Col };"],"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","Col","_a","id","className","span","onClick","children","React","createElement","concat","mobile","undefined","tablet","desktop","wide"],"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,sBCYMuB,EAAM,SAACC,GACX,IAAAC,EAAED,EAAAC,GACFC,EAASF,EAAAE,UACTC,EAAIH,EAAAG,KACJC,EAAOJ,EAAAI,QACPC,EAAQL,EAAAK,SAER,OACEC,EAAAC,cAAA,MAAA,CACEN,GAAIA,EACJC,UAAW1B,EACT,eACA,4BAA4BgC,OAAgB,iBAATL,EAAoBA,EAAuB,iBAATA,IAAsBnB,MAAMC,QAAQkB,IAASA,EAAKM,QACvG,iBAATN,GAAsBnB,MAAMC,QAAQkB,SAAyBO,IAAhBP,EAAKQ,OAAmE,GAA5C,4BAA4BH,OAAAL,EAAKQ,QACjG,iBAATR,GAAsBnB,MAAMC,QAAQkB,SAA0BO,IAAjBP,EAAKS,QAAsE,GAA9C,6BAA6BJ,OAAAL,EAAKS,SACnG,iBAATT,GAAsBnB,MAAMC,QAAQkB,SAAuBO,IAAdP,EAAKU,KAA6D,GAAxC,0BAA0BL,OAAAL,EAAKU,MAC7GX,EAAY,UAAGA,EAAS,cAAe,IAEzCE,QAASA,GAETE,EAAAC,cAAA,MAAA,CACEL,UAAW1B,EACT,uBACA0B,IAGDG,GAIT","x_google_ignoreList":[0]}
|
package/dist/index.css
CHANGED
|
@@ -492,6 +492,39 @@ video {
|
|
|
492
492
|
--tw-backdrop-saturate: ;
|
|
493
493
|
--tw-backdrop-sepia: ;
|
|
494
494
|
}
|
|
495
|
+
.container {
|
|
496
|
+
width: 100%;
|
|
497
|
+
}
|
|
498
|
+
@media (min-width: 640px) {
|
|
499
|
+
|
|
500
|
+
.container {
|
|
501
|
+
max-width: 640px;
|
|
502
|
+
}
|
|
503
|
+
}
|
|
504
|
+
@media (min-width: 768px) {
|
|
505
|
+
|
|
506
|
+
.container {
|
|
507
|
+
max-width: 768px;
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
@media (min-width: 1024px) {
|
|
511
|
+
|
|
512
|
+
.container {
|
|
513
|
+
max-width: 1024px;
|
|
514
|
+
}
|
|
515
|
+
}
|
|
516
|
+
@media (min-width: 1280px) {
|
|
517
|
+
|
|
518
|
+
.container {
|
|
519
|
+
max-width: 1280px;
|
|
520
|
+
}
|
|
521
|
+
}
|
|
522
|
+
@media (min-width: 1536px) {
|
|
523
|
+
|
|
524
|
+
.container {
|
|
525
|
+
max-width: 1536px;
|
|
526
|
+
}
|
|
527
|
+
}
|
|
495
528
|
.visible {
|
|
496
529
|
visibility: visible;
|
|
497
530
|
}
|