@gyramais/gyra-design 0.1.11 → 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.
Files changed (5) hide show
  1. package/dist/components/Col/Col.d.ts +5 -5
  2. package/dist/components/Col/index.js +2 -2
  3. package/dist/components/Col/index.js.map +1 -1
  4. package/dist/index.css +141 -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
@@ -1,7 +1,7 @@
1
- "use client";import r from"react";function t(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var e,o={exports:{}};
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 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 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
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 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
  }
@@ -2081,157 +2114,217 @@ h6 {
2081
2114
 
2082
2115
  font-weight: 400
2083
2116
  }
2117
+ .gyramais-col.gyramais-col-mobile-span-0 {
2118
+ display: none
2119
+ }
2084
2120
  .gyramais-col.gyramais-col-mobile-span-1 {
2085
- grid-column: span 1 / span 1
2121
+ grid-column: span 1 / span 1;
2122
+ display: inline-block
2086
2123
  }
2087
2124
  .gyramais-col.gyramais-col-mobile-span-2 {
2088
- grid-column: span 2 / span 2
2125
+ grid-column: span 2 / span 2;
2126
+ display: inline-block
2089
2127
  }
2090
2128
  .gyramais-col.gyramais-col-mobile-span-3 {
2091
- grid-column: span 3 / span 3
2129
+ grid-column: span 3 / span 3;
2130
+ display: inline-block
2092
2131
  }
2093
2132
  .gyramais-col.gyramais-col-mobile-span-4 {
2094
- grid-column: span 4 / span 4
2133
+ grid-column: span 4 / span 4;
2134
+ display: inline-block
2095
2135
  }
2096
2136
  .gyramais-col.gyramais-col-mobile-span-5 {
2097
- grid-column: span 5 / span 5
2137
+ grid-column: span 5 / span 5;
2138
+ display: inline-block
2098
2139
  }
2099
2140
  .gyramais-col.gyramais-col-mobile-span-6 {
2100
- grid-column: span 6 / span 6
2141
+ grid-column: span 6 / span 6;
2142
+ display: inline-block
2101
2143
  }
2102
2144
  .gyramais-col.gyramais-col-mobile-span-7 {
2103
- grid-column: span 7 / span 7
2145
+ grid-column: span 7 / span 7;
2146
+ display: inline-block
2104
2147
  }
2105
2148
  .gyramais-col.gyramais-col-mobile-span-8 {
2106
- grid-column: span 8 / span 8
2149
+ grid-column: span 8 / span 8;
2150
+ display: inline-block
2107
2151
  }
2108
2152
  .gyramais-col.gyramais-col-mobile-span-9 {
2109
- grid-column: span 9 / span 9
2153
+ grid-column: span 9 / span 9;
2154
+ display: inline-block
2110
2155
  }
2111
2156
  .gyramais-col.gyramais-col-mobile-span-10 {
2112
- grid-column: span 10 / span 10
2157
+ grid-column: span 10 / span 10;
2158
+ display: inline-block
2113
2159
  }
2114
2160
  .gyramais-col.gyramais-col-mobile-span-11 {
2115
- grid-column: span 11 / span 11
2161
+ grid-column: span 11 / span 11;
2162
+ display: inline-block
2116
2163
  }
2117
2164
  .gyramais-col.gyramais-col-mobile-span-12 {
2118
- grid-column: span 12 / span 12
2165
+ grid-column: span 12 / span 12;
2166
+ display: inline-block
2119
2167
  }
2120
2168
 
2121
2169
  @media(min-width: 769px) {
2170
+ .gyramais-col.gyramais-col-table-span-0 {
2171
+ display: none
2172
+ }
2122
2173
  .gyramais-col.gyramais-col-tablet-span-1 {
2123
- grid-column: span 1 / span 1
2174
+ grid-column: span 1 / span 1;
2175
+ display: inline-block
2124
2176
  }
2125
2177
  .gyramais-col.gyramais-col-tablet-span-2 {
2126
- grid-column: span 2 / span 2
2178
+ grid-column: span 2 / span 2;
2179
+ display: inline-block
2127
2180
  }
2128
2181
  .gyramais-col.gyramais-col-tablet-span-3 {
2129
- grid-column: span 3 / span 3
2182
+ grid-column: span 3 / span 3;
2183
+ display: inline-block
2130
2184
  }
2131
2185
  .gyramais-col.gyramais-col-tablet-span-4 {
2132
- grid-column: span 4 / span 4
2186
+ grid-column: span 4 / span 4;
2187
+ display: inline-block
2133
2188
  }
2134
2189
  .gyramais-col.gyramais-col-tablet-span-5 {
2135
- grid-column: span 5 / span 5
2190
+ grid-column: span 5 / span 5;
2191
+ display: inline-block
2136
2192
  }
2137
2193
  .gyramais-col.gyramais-col-tablet-span-6 {
2138
- grid-column: span 6 / span 6
2194
+ grid-column: span 6 / span 6;
2195
+ display: inline-block
2139
2196
  }
2140
2197
  .gyramais-col.gyramais-col-tablet-span-7 {
2141
- grid-column: span 7 / span 7
2198
+ grid-column: span 7 / span 7;
2199
+ display: inline-block
2142
2200
  }
2143
2201
  .gyramais-col.gyramais-col-tablet-span-8 {
2144
- grid-column: span 8 / span 8
2202
+ grid-column: span 8 / span 8;
2203
+ display: inline-block
2145
2204
  }
2146
2205
  .gyramais-col.gyramais-col-tablet-span-9 {
2147
- grid-column: span 9 / span 9
2206
+ grid-column: span 9 / span 9;
2207
+ display: inline-block
2148
2208
  }
2149
2209
  .gyramais-col.gyramais-col-tablet-span-10 {
2150
- grid-column: span 10 / span 10
2210
+ grid-column: span 10 / span 10;
2211
+ display: inline-block
2151
2212
  }
2152
2213
  .gyramais-col.gyramais-col-tablet-span-11 {
2153
- grid-column: span 11 / span 11
2214
+ grid-column: span 11 / span 11;
2215
+ display: inline-block
2154
2216
  }
2155
2217
  .gyramais-col.gyramais-col-tablet-span-12 {
2156
- grid-column: span 12 / span 12
2218
+ grid-column: span 12 / span 12;
2219
+ display: inline-block
2157
2220
  }
2158
2221
  }
2159
2222
 
2160
2223
  @media(min-width: 1025px) {
2224
+ .gyramais-col.gyramais-col-desktop-span-0 {
2225
+ display: none
2226
+ }
2161
2227
  .gyramais-col.gyramais-col-desktop-span-1 {
2162
- grid-column: span 1 / span 1
2228
+ grid-column: span 1 / span 1;
2229
+ display: inline-block
2163
2230
  }
2164
2231
  .gyramais-col.gyramais-col-desktop-span-2 {
2165
- grid-column: span 2 / span 2
2232
+ grid-column: span 2 / span 2;
2233
+ display: inline-block
2166
2234
  }
2167
2235
  .gyramais-col.gyramais-col-desktop-span-3 {
2168
- grid-column: span 3 / span 3
2236
+ grid-column: span 3 / span 3;
2237
+ display: inline-block
2169
2238
  }
2170
2239
  .gyramais-col.gyramais-col-desktop-span-4 {
2171
- grid-column: span 4 / span 4
2240
+ grid-column: span 4 / span 4;
2241
+ display: inline-block
2172
2242
  }
2173
2243
  .gyramais-col.gyramais-col-desktop-span-5 {
2174
- grid-column: span 5 / span 5
2244
+ grid-column: span 5 / span 5;
2245
+ display: inline-block
2175
2246
  }
2176
2247
  .gyramais-col.gyramais-col-desktop-span-6 {
2177
- grid-column: span 6 / span 6
2248
+ grid-column: span 6 / span 6;
2249
+ display: inline-block
2178
2250
  }
2179
2251
  .gyramais-col.gyramais-col-desktop-span-7 {
2180
- grid-column: span 7 / span 7
2252
+ grid-column: span 7 / span 7;
2253
+ display: inline-block
2181
2254
  }
2182
2255
  .gyramais-col.gyramais-col-desktop-span-8 {
2183
- grid-column: span 8 / span 8
2256
+ grid-column: span 8 / span 8;
2257
+ display: inline-block
2184
2258
  }
2185
2259
  .gyramais-col.gyramais-col-desktop-span-9 {
2186
- grid-column: span 9 / span 9
2260
+ grid-column: span 9 / span 9;
2261
+ display: inline-block
2187
2262
  }
2188
2263
  .gyramais-col.gyramais-col-desktop-span-10 {
2189
- grid-column: span 10 / span 10
2264
+ grid-column: span 10 / span 10;
2265
+ display: inline-block
2190
2266
  }
2191
2267
  .gyramais-col.gyramais-col-desktop-span-11 {
2192
- grid-column: span 11 / span 11
2268
+ grid-column: span 11 / span 11;
2269
+ display: inline-block
2193
2270
  }
2194
2271
  .gyramais-col.gyramais-col-desktop-span-12 {
2195
- grid-column: span 12 / span 12
2272
+ grid-column: span 12 / span 12;
2273
+ display: inline-block
2196
2274
  }
2197
2275
  }
2198
2276
 
2199
2277
  @media(min-width: 1201px) {
2278
+ .gyramais-col.gyramais-col-wide-span-0 {
2279
+ display: none
2280
+ }
2200
2281
  .gyramais-col.gyramais-col-wide-span-1 {
2201
- grid-column: span 1 / span 1
2282
+ grid-column: span 1 / span 1;
2283
+ display: inline-block
2202
2284
  }
2203
2285
  .gyramais-col.gyramais-col-wide-span-2 {
2204
- grid-column: span 2 / span 2
2286
+ grid-column: span 2 / span 2;
2287
+ display: inline-block
2205
2288
  }
2206
2289
  .gyramais-col.gyramais-col-wide-span-3 {
2207
- grid-column: span 3 / span 3
2290
+ grid-column: span 3 / span 3;
2291
+ display: inline-block
2208
2292
  }
2209
2293
  .gyramais-col.gyramais-col-wide-span-4 {
2210
- grid-column: span 4 / span 4
2294
+ grid-column: span 4 / span 4;
2295
+ display: inline-block
2211
2296
  }
2212
2297
  .gyramais-col.gyramais-col-wide-span-5 {
2213
- grid-column: span 5 / span 5
2298
+ grid-column: span 5 / span 5;
2299
+ display: inline-block
2214
2300
  }
2215
2301
  .gyramais-col.gyramais-col-wide-span-6 {
2216
- grid-column: span 6 / span 6
2302
+ grid-column: span 6 / span 6;
2303
+ display: inline-block
2217
2304
  }
2218
2305
  .gyramais-col.gyramais-col-wide-span-7 {
2219
- grid-column: span 7 / span 7
2306
+ grid-column: span 7 / span 7;
2307
+ display: inline-block
2220
2308
  }
2221
2309
  .gyramais-col.gyramais-col-wide-span-8 {
2222
- grid-column: span 8 / span 8
2310
+ grid-column: span 8 / span 8;
2311
+ display: inline-block
2223
2312
  }
2224
2313
  .gyramais-col.gyramais-col-wide-span-9 {
2225
- grid-column: span 9 / span 9
2314
+ grid-column: span 9 / span 9;
2315
+ display: inline-block
2226
2316
  }
2227
2317
  .gyramais-col.gyramais-col-wide-span-10 {
2228
- grid-column: span 10 / span 10
2318
+ grid-column: span 10 / span 10;
2319
+ display: inline-block
2229
2320
  }
2230
2321
  .gyramais-col.gyramais-col-wide-span-11 {
2231
- grid-column: span 11 / span 11
2322
+ grid-column: span 11 / span 11;
2323
+ display: inline-block
2232
2324
  }
2233
2325
  .gyramais-col.gyramais-col-wide-span-12 {
2234
- grid-column: span 12 / span 12
2326
+ grid-column: span 12 / span 12;
2327
+ display: inline-block
2235
2328
  }
2236
2329
  }
2237
2330
  .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.13",
4
4
  "description": "Gyramais Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",