@gyramais/gyra-design 0.1.11 → 0.1.12

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.
Files changed (5) hide show
  1. package/dist/components/Col/Col.d.ts +5 -5
  2. package/dist/components/Col/index.js +1 -1
  3. package/dist/components/Col/index.js.map +1 -1
  4. package/dist/index.css +108 -48
  5. package/package.json +1 -1
package/dist/components/Col/Col.d.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  import React from "react";
2
2
  import "./index.css";
3
3
  type Span = {
4
- mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
5
- tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
6
- desktop?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
7
- wide?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
4
+ mobile?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
5
+ tablet?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
6
+ desktop?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
7
+ wide?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
8
8
  };
9
9
  type ColProps = {
10
10
  id?: string;
11
11
  className?: string;
12
- span?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Span;
12
+ span?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Span;
13
13
  onClick?: () => void;
14
14
  children?: React.ReactNode;
15
15
  };
package/dist/components/Col/index.js CHANGED
@@ -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
- */e=o,function(){var r={}.hasOwnProperty;function t(){for(var r="",t=0;t<arguments.length;t++){var e=arguments[t];e&&(r=a(r,o(e)))}return r}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return t.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)r.call(e,n)&&e[n]&&(o=a(o,n));return o}function a(r,t){return t?r?r+" "+t:r+t:r}e.exports?(t.default=t,e.exports=t):window.classNames=t}();var a=t(o.exports),n=function(t){var e=t.id,o=t.className,n=t.span,i=void 0===n?1:n,c=t.onClick,s=t.children;return r.createElement("div",{id:e,className:a("gyramais-col","gyramais-col-mobile-span-".concat("number"==typeof i?i:"object"==typeof i&&!Array.isArray(i)&&i.mobile),"object"==typeof i&&!Array.isArray(i)&&i.tablet?"gyramais-col-tablet-span-".concat(i.tablet):"","object"==typeof i&&!Array.isArray(i)&&i.desktop?"gyramais-col-desktop-span-".concat(i.desktop):"","object"==typeof i&&!Array.isArray(i)&&i.wide?"gyramais-col-wide-span-".concat(i.wide):"",o),onClick:c},s)};export{n as Col};
6
+ */e=o,function(){var r={}.hasOwnProperty;function t(){for(var r="",t=0;t<arguments.length;t++){var e=arguments[t];e&&(r=a(r,o(e)))}return r}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return t.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)r.call(e,n)&&e[n]&&(o=a(o,n));return o}function a(r,t){return t?r?r+" "+t:r+t:r}e.exports?(t.default=t,e.exports=t):window.classNames=t}();var a=t(o.exports),n=function(t){var e=t.id,o=t.className,n=t.span,i=t.onClick,c=t.children;return r.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)),onClick:i},r.createElement("div",{className:a("gyramais-col-content",o)},c))};export{n as Col};
7
7
  //# sourceMappingURL=index.js.map
package/dist/components/Col/index.js.map CHANGED
@@ -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?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n desktop?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\r\n wide?: 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?: 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 = 1,\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 ? `gyramais-col-tablet-span-${span.tablet}` : '',\r\n typeof span === 'object' && !Array.isArray(span) && span.desktop ? `gyramais-col-desktop-span-${span.desktop}` : '',\r\n typeof span === 'object' && !Array.isArray(span) && span.wide ? `gyramais-col-wide-span-${span.wide}` : '',\r\n className,\r\n )}\r\n onClick={onClick}\r\n >\r\n {children}\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","_b","span","onClick","children","React","createElement","mobile","tablet","concat","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,OACAC,EAASF,EAAAE,UACTC,SAAAC,OAAO,IAAAD,EAAA,IACPE,EAAOL,EAAAK,QACPC,EAAQN,EAAAM,SAER,OACEC,EAAAC,cAAA,MAAA,CACEP,GAAIA,EACJC,UAAW1B,EACT,eACA,mCAA4C,iBAAT4B,EAAoBA,EAAuB,iBAATA,IAAsBpB,MAAMC,QAAQmB,IAASA,EAAKK,QACvG,iBAATL,IAAsBpB,MAAMC,QAAQmB,IAASA,EAAKM,OAAS,4BAAAC,OAA4BP,EAAKM,QAAW,GAC9F,iBAATN,IAAsBpB,MAAMC,QAAQmB,IAASA,EAAKQ,QAAU,6BAAAD,OAA6BP,EAAKQ,SAAY,GACjG,iBAATR,IAAsBpB,MAAMC,QAAQmB,IAASA,EAAKS,KAAO,0BAAAF,OAA0BP,EAAKS,MAAS,GACxGX,GAEFG,QAASA,GAERC,EAGP","x_google_ignoreList":[0]}
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","concat","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,mCAA4C,iBAAT2B,EAAoBA,EAAuB,iBAATA,IAAsBnB,MAAMC,QAAQkB,IAASA,EAAKK,QACvG,iBAATL,GAAsBnB,MAAMC,QAAQkB,SAAyBM,IAAhBN,EAAKO,OAAmE,GAA5C,4BAAAC,OAA4BR,EAAKO,QACjG,iBAATP,GAAsBnB,MAAMC,QAAQkB,SAA0BM,IAAjBN,EAAKS,QAAsE,GAA9C,6BAAAD,OAA6BR,EAAKS,SACnG,iBAATT,GAAsBnB,MAAMC,QAAQkB,SAAuBM,IAAdN,EAAKU,KAA6D,GAAxC,0BAAAF,OAA0BR,EAAKU,OAE/GT,QAASA,GAETE,EAAAC,cAAA,MAAA,CACEL,UAAW1B,EACT,uBACA0B,IAGDG,GAIT","x_google_ignoreList":[0]}
package/dist/index.css CHANGED
@@ -2081,157 +2081,217 @@ h6 {
2081
2081
 
2082
2082
  font-weight: 400
2083
2083
  }
2084
+ .gyramais-col.gyramais-col-mobile-span-0 {
2085
+ display: none
2086
+ }
2084
2087
  .gyramais-col.gyramais-col-mobile-span-1 {
2085
- grid-column: span 1 / span 1
2088
+ grid-column: span 1 / span 1;
2089
+ display: inline-block
2086
2090
  }
2087
2091
  .gyramais-col.gyramais-col-mobile-span-2 {
2088
- grid-column: span 2 / span 2
2092
+ grid-column: span 2 / span 2;
2093
+ display: inline-block
2089
2094
  }
2090
2095
  .gyramais-col.gyramais-col-mobile-span-3 {
2091
- grid-column: span 3 / span 3
2096
+ grid-column: span 3 / span 3;
2097
+ display: inline-block
2092
2098
  }
2093
2099
  .gyramais-col.gyramais-col-mobile-span-4 {
2094
- grid-column: span 4 / span 4
2100
+ grid-column: span 4 / span 4;
2101
+ display: inline-block
2095
2102
  }
2096
2103
  .gyramais-col.gyramais-col-mobile-span-5 {
2097
- grid-column: span 5 / span 5
2104
+ grid-column: span 5 / span 5;
2105
+ display: inline-block
2098
2106
  }
2099
2107
  .gyramais-col.gyramais-col-mobile-span-6 {
2100
- grid-column: span 6 / span 6
2108
+ grid-column: span 6 / span 6;
2109
+ display: inline-block
2101
2110
  }
2102
2111
  .gyramais-col.gyramais-col-mobile-span-7 {
2103
- grid-column: span 7 / span 7
2112
+ grid-column: span 7 / span 7;
2113
+ display: inline-block
2104
2114
  }
2105
2115
  .gyramais-col.gyramais-col-mobile-span-8 {
2106
- grid-column: span 8 / span 8
2116
+ grid-column: span 8 / span 8;
2117
+ display: inline-block
2107
2118
  }
2108
2119
  .gyramais-col.gyramais-col-mobile-span-9 {
2109
- grid-column: span 9 / span 9
2120
+ grid-column: span 9 / span 9;
2121
+ display: inline-block
2110
2122
  }
2111
2123
  .gyramais-col.gyramais-col-mobile-span-10 {
2112
- grid-column: span 10 / span 10
2124
+ grid-column: span 10 / span 10;
2125
+ display: inline-block
2113
2126
  }
2114
2127
  .gyramais-col.gyramais-col-mobile-span-11 {
2115
- grid-column: span 11 / span 11
2128
+ grid-column: span 11 / span 11;
2129
+ display: inline-block
2116
2130
  }
2117
2131
  .gyramais-col.gyramais-col-mobile-span-12 {
2118
- grid-column: span 12 / span 12
2132
+ grid-column: span 12 / span 12;
2133
+ display: inline-block
2119
2134
  }
2120
2135
 
2121
2136
  @media(min-width: 769px) {
2137
+ .gyramais-col.gyramais-col-table-span-0 {
2138
+ display: none
2139
+ }
2122
2140
  .gyramais-col.gyramais-col-tablet-span-1 {
2123
- grid-column: span 1 / span 1
2141
+ grid-column: span 1 / span 1;
2142
+ display: inline-block
2124
2143
  }
2125
2144
  .gyramais-col.gyramais-col-tablet-span-2 {
2126
- grid-column: span 2 / span 2
2145
+ grid-column: span 2 / span 2;
2146
+ display: inline-block
2127
2147
  }
2128
2148
  .gyramais-col.gyramais-col-tablet-span-3 {
2129
- grid-column: span 3 / span 3
2149
+ grid-column: span 3 / span 3;
2150
+ display: inline-block
2130
2151
  }
2131
2152
  .gyramais-col.gyramais-col-tablet-span-4 {
2132
- grid-column: span 4 / span 4
2153
+ grid-column: span 4 / span 4;
2154
+ display: inline-block
2133
2155
  }
2134
2156
  .gyramais-col.gyramais-col-tablet-span-5 {
2135
- grid-column: span 5 / span 5
2157
+ grid-column: span 5 / span 5;
2158
+ display: inline-block
2136
2159
  }
2137
2160
  .gyramais-col.gyramais-col-tablet-span-6 {
2138
- grid-column: span 6 / span 6
2161
+ grid-column: span 6 / span 6;
2162
+ display: inline-block
2139
2163
  }
2140
2164
  .gyramais-col.gyramais-col-tablet-span-7 {
2141
- grid-column: span 7 / span 7
2165
+ grid-column: span 7 / span 7;
2166
+ display: inline-block
2142
2167
  }
2143
2168
  .gyramais-col.gyramais-col-tablet-span-8 {
2144
- grid-column: span 8 / span 8
2169
+ grid-column: span 8 / span 8;
2170
+ display: inline-block
2145
2171
  }
2146
2172
  .gyramais-col.gyramais-col-tablet-span-9 {
2147
- grid-column: span 9 / span 9
2173
+ grid-column: span 9 / span 9;
2174
+ display: inline-block
2148
2175
  }
2149
2176
  .gyramais-col.gyramais-col-tablet-span-10 {
2150
- grid-column: span 10 / span 10
2177
+ grid-column: span 10 / span 10;
2178
+ display: inline-block
2151
2179
  }
2152
2180
  .gyramais-col.gyramais-col-tablet-span-11 {
2153
- grid-column: span 11 / span 11
2181
+ grid-column: span 11 / span 11;
2182
+ display: inline-block
2154
2183
  }
2155
2184
  .gyramais-col.gyramais-col-tablet-span-12 {
2156
- grid-column: span 12 / span 12
2185
+ grid-column: span 12 / span 12;
2186
+ display: inline-block
2157
2187
  }
2158
2188
  }
2159
2189
 
2160
2190
  @media(min-width: 1025px) {
2191
+ .gyramais-col.gyramais-col-desktop-span-0 {
2192
+ display: none
2193
+ }
2161
2194
  .gyramais-col.gyramais-col-desktop-span-1 {
2162
- grid-column: span 1 / span 1
2195
+ grid-column: span 1 / span 1;
2196
+ display: inline-block
2163
2197
  }
2164
2198
  .gyramais-col.gyramais-col-desktop-span-2 {
2165
- grid-column: span 2 / span 2
2199
+ grid-column: span 2 / span 2;
2200
+ display: inline-block
2166
2201
  }
2167
2202
  .gyramais-col.gyramais-col-desktop-span-3 {
2168
- grid-column: span 3 / span 3
2203
+ grid-column: span 3 / span 3;
2204
+ display: inline-block
2169
2205
  }
2170
2206
  .gyramais-col.gyramais-col-desktop-span-4 {
2171
- grid-column: span 4 / span 4
2207
+ grid-column: span 4 / span 4;
2208
+ display: inline-block
2172
2209
  }
2173
2210
  .gyramais-col.gyramais-col-desktop-span-5 {
2174
- grid-column: span 5 / span 5
2211
+ grid-column: span 5 / span 5;
2212
+ display: inline-block
2175
2213
  }
2176
2214
  .gyramais-col.gyramais-col-desktop-span-6 {
2177
- grid-column: span 6 / span 6
2215
+ grid-column: span 6 / span 6;
2216
+ display: inline-block
2178
2217
  }
2179
2218
  .gyramais-col.gyramais-col-desktop-span-7 {
2180
- grid-column: span 7 / span 7
2219
+ grid-column: span 7 / span 7;
2220
+ display: inline-block
2181
2221
  }
2182
2222
  .gyramais-col.gyramais-col-desktop-span-8 {
2183
- grid-column: span 8 / span 8
2223
+ grid-column: span 8 / span 8;
2224
+ display: inline-block
2184
2225
  }
2185
2226
  .gyramais-col.gyramais-col-desktop-span-9 {
2186
- grid-column: span 9 / span 9
2227
+ grid-column: span 9 / span 9;
2228
+ display: inline-block
2187
2229
  }
2188
2230
  .gyramais-col.gyramais-col-desktop-span-10 {
2189
- grid-column: span 10 / span 10
2231
+ grid-column: span 10 / span 10;
2232
+ display: inline-block
2190
2233
  }
2191
2234
  .gyramais-col.gyramais-col-desktop-span-11 {
2192
- grid-column: span 11 / span 11
2235
+ grid-column: span 11 / span 11;
2236
+ display: inline-block
2193
2237
  }
2194
2238
  .gyramais-col.gyramais-col-desktop-span-12 {
2195
- grid-column: span 12 / span 12
2239
+ grid-column: span 12 / span 12;
2240
+ display: inline-block
2196
2241
  }
2197
2242
  }
2198
2243
 
2199
2244
  @media(min-width: 1201px) {
2245
+ .gyramais-col.gyramais-col-wide-span-0 {
2246
+ display: none
2247
+ }
2200
2248
  .gyramais-col.gyramais-col-wide-span-1 {
2201
- grid-column: span 1 / span 1
2249
+ grid-column: span 1 / span 1;
2250
+ display: inline-block
2202
2251
  }
2203
2252
  .gyramais-col.gyramais-col-wide-span-2 {
2204
- grid-column: span 2 / span 2
2253
+ grid-column: span 2 / span 2;
2254
+ display: inline-block
2205
2255
  }
2206
2256
  .gyramais-col.gyramais-col-wide-span-3 {
2207
- grid-column: span 3 / span 3
2257
+ grid-column: span 3 / span 3;
2258
+ display: inline-block
2208
2259
  }
2209
2260
  .gyramais-col.gyramais-col-wide-span-4 {
2210
- grid-column: span 4 / span 4
2261
+ grid-column: span 4 / span 4;
2262
+ display: inline-block
2211
2263
  }
2212
2264
  .gyramais-col.gyramais-col-wide-span-5 {
2213
- grid-column: span 5 / span 5
2265
+ grid-column: span 5 / span 5;
2266
+ display: inline-block
2214
2267
  }
2215
2268
  .gyramais-col.gyramais-col-wide-span-6 {
2216
- grid-column: span 6 / span 6
2269
+ grid-column: span 6 / span 6;
2270
+ display: inline-block
2217
2271
  }
2218
2272
  .gyramais-col.gyramais-col-wide-span-7 {
2219
- grid-column: span 7 / span 7
2273
+ grid-column: span 7 / span 7;
2274
+ display: inline-block
2220
2275
  }
2221
2276
  .gyramais-col.gyramais-col-wide-span-8 {
2222
- grid-column: span 8 / span 8
2277
+ grid-column: span 8 / span 8;
2278
+ display: inline-block
2223
2279
  }
2224
2280
  .gyramais-col.gyramais-col-wide-span-9 {
2225
- grid-column: span 9 / span 9
2281
+ grid-column: span 9 / span 9;
2282
+ display: inline-block
2226
2283
  }
2227
2284
  .gyramais-col.gyramais-col-wide-span-10 {
2228
- grid-column: span 10 / span 10
2285
+ grid-column: span 10 / span 10;
2286
+ display: inline-block
2229
2287
  }
2230
2288
  .gyramais-col.gyramais-col-wide-span-11 {
2231
- grid-column: span 11 / span 11
2289
+ grid-column: span 11 / span 11;
2290
+ display: inline-block
2232
2291
  }
2233
2292
  .gyramais-col.gyramais-col-wide-span-12 {
2234
- grid-column: span 12 / span 12
2293
+ grid-column: span 12 / span 12;
2294
+ display: inline-block
2235
2295
  }
2236
2296
  }
2237
2297
  .gyramais-collapse-icon {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gyramais/gyra-design",
3
- "version": "0.1.11",
3
+ "version": "0.1.12",
4
4
  "description": "Gyramais Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",