@terraware/web-components 3.0.12-rc.0 → 3.0.13

package/style-dictionary-dist/TerrawareTheme.js

@@ -4,189 +4,187 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _createPalette = require("@mui/material/styles/createPalette");
 const TerrawareTheme = {
-  "palette": {
-    "TwClrBaseBlack": "#000000",
-    "TwClrBaseGray025": "#F9F8F7",
-    "TwClrBaseGray050": "#F1F0EC",
-    "TwClrBaseGray075": "#EBEAE4",
-    "TwClrBaseGray100": "#E3E1D9",
-    "TwClrBaseGray200": "#CBC6B7",
-    "TwClrBaseGray300": "#B2AB93",
-    "TwClrBaseGray400": "#9A9172",
-    "TwClrBaseGray500": "#7F775B",
-    "TwClrBaseGray600": "#645E48",
-    "TwClrBaseGray700": "#4B4736",
-    "TwClrBaseGray800": "#333025",
-    "TwClrBaseGray900": "#1D1B15",
-    "TwClrBaseTransparent": "#FFFFFF00",
-    "TwClrBaseWhite": "#FFFFFF",
-    "TwClrBaseBlue050": "#EFF1F8",
-    "TwClrBaseBlue100": "#DDE1F1",
-    "TwClrBaseBlue200": "#BDC4E4",
-    "TwClrBaseBlue300": "#9EA9D7",
-    "TwClrBaseBlue400": "#808ECA",
-    "TwClrBaseBlue500": "#6172BE",
-    "TwClrBaseBlue600": "#4658AA",
-    "TwClrBaseBlue700": "#35437F",
-    "TwClrBaseBlue800": "#242D57",
-    "TwClrBaseGreen050": "#E2F6EC",
-    "TwClrBaseGreen100": "#C2EBD6",
-    "TwClrBaseGreen200": "#84D6AC",
-    "TwClrBaseGreen300": "#41C07F",
-    "TwClrBaseGreen400": "#36A36B",
-    "TwClrBaseGreen500": "#2C8658",
-    "TwClrBaseGreen600": "#236A46",
-    "TwClrBaseGreen700": "#1A5035",
-    "TwClrBaseGreen800": "#123624",
-    "TwClrBaseLightGreen050": "#EAF3DC",
-    "TwClrBaseLightGreen100": "#D4E8BA",
-    "TwClrBaseLightGreen200": "#ACD278",
-    "TwClrBaseLightGreen300": "#86BA3E",
-    "TwClrBaseLightGreen400": "#719E34",
-    "TwClrBaseLightGreen500": "#5D822B",
-    "TwClrBaseLightGreen600": "#496622",
-    "TwClrBaseLightGreen700": "#384D1A",
-    "TwClrBaseLightGreen800": "#263411",
-    "TwClrBaseOrange050": "#F8EFE5",
-    "TwClrBaseOrange100": "#F1DFCB",
-    "TwClrBaseOrange200": "#E3C099",
-    "TwClrBaseOrange300": "#D5A167",
-    "TwClrBaseOrange400": "#C78237",
-    "TwClrBaseOrange500": "#A36A2D",
-    "TwClrBaseOrange600": "#815424",
-    "TwClrBaseOrange700": "#61401B",
-    "TwClrBaseOrange800": "#422B12",
-    "TwClrBasePink050": "#F9EDF2",
-    "TwClrBasePink100": "#F3DCE6",
-    "TwClrBasePink200": "#E7B9CD",
-    "TwClrBasePink300": "#DC97B5",
-    "TwClrBasePink400": "#D0749B",
-    "TwClrBasePink500": "#C34D7F",
-    "TwClrBasePink600": "#A13664",
-    "TwClrBasePink700": "#7A294C",
-    "TwClrBasePink800": "#531C34",
-    "TwClrBasePurple050": "#F4EFF9",
-    "TwClrBasePurple100": "#E8DEF2",
-    "TwClrBasePurple200": "#D3BEE6",
-    "TwClrBasePurple300": "#BD9FDA",
-    "TwClrBasePurple400": "#A880CE",
-    "TwClrBasePurple500": "#9360C1",
-    "TwClrBasePurple600": "#7A43AD",
-    "TwClrBasePurple700": "#5D3383",
-    "TwClrBasePurple800": "#3E2359",
-    "TwClrBaseRed050": "#FAEEED",
-    "TwClrBaseRed100": "#F4DBD9",
-    "TwClrBaseRed200": "#EBBAB7",
-    "TwClrBaseRed300": "#E19893",
-    "TwClrBaseRed400": "#D7756F",
-    "TwClrBaseRed500": "#CB4D45",
-    "TwClrBaseRed600": "#A8362F",
-    "TwClrBaseRed700": "#802923",
-    "TwClrBaseRed800": "#571C18",
-    "TwClrBaseYellow050": "#F5F1DC",
-    "TwClrBaseYellow100": "#EBE2B5",
-    "TwClrBaseYellow200": "#D7C76F",
-    "TwClrBaseYellow300": "#C0AB35",
-    "TwClrBaseYellow400": "#A3912D",
-    "TwClrBaseYellow500": "#867725",
-    "TwClrBaseYellow600": "#6A5E1D",
-    "TwClrBaseYellow700": "#504716",
-    "TwClrBaseYellow800": "#36300F",
-    "TwClrBg": "#FFFFFF",
-    "TwClrBgActive": "#F1F0EC",
-    "TwClrBgGhost": "rgb(255 255 255 / 0%)",
-    "TwClrBgGhostActive": "rgb(178 171 147 / 40%)",
-    "TwClrBgGhostHover": "rgb(178 171 147 / 20%)",
-    "TwClrBgHover": "#F9F8F7",
-    "TwClrBgInverse": "#333025",
-    "TwClrBgSecondary": "#F1F0EC",
-    "TwClrBgSecondaryActive": "#E3E1D9",
-    "TwClrBgSecondaryHover": "#EBEAE4",
-    "TwClrBgTertiary": "#CBC6B7",
-    "TwClrBgTertiaryActive": "#B2AB93",
-    "TwClrBgTertiaryHover": "linear-gradient(rgb(178 171 147 / 50%), rgb(178 171 147 / 50%)), linear-gradient(#CBC6B7, #CBC6B7)",
-    "TwClrBrdr": "#333025",
-    "TwClrBrdrActive": "mix(#4658AA, #6172BE, 50%)",
-    "TwClrBrdrFocus": "#4658AA",
-    "TwClrBrdrHover": "#6172BE",
-    "TwClrBrdrSecondary": "#7F775B",
-    "TwClrBrdrTertiary": "#B2AB93",
-    "TwClrIcn": "#333025",
-    "TwClrIcnInverse": "#FFFFFF",
-    "TwClrIcnSecondary": "#7F775B",
-    "TwClrShdw": "#333025",
-    "TwClrTxt": "#333025",
-    "TwClrTxtInverse": "#FFFFFF",
-    "TwClrTxtSecondary": "#7F775B",
-    "TwClrTxtTertiary": "#B2AB93",
-    "TwClrBgBrand": "#2C8658",
-    "TwClrBgBrandActive": "#236A46",
-    "TwClrBgBrandGhost": "rgb(44 134 88 / 0%)",
-    "TwClrBgBrandGhostActive": "rgb(44 134 88 / 20%)",
-    "TwClrBgBrandGhostHover": "rgb(44 134 88 / 10%)",
-    "TwClrBgBrandHover": "linear-gradient(rgb(35 106 70 / 50%), rgb(35 106 70 / 50%)), linear-gradient(#2C8658, #2C8658)",
-    "TwClrBgBrandTertiary": "#E2F6EC",
-    "TwClrBrdrBrand": "#2C8658",
-    "TwClrIcnBrand": "#2C8658",
-    "TwClrIcnOnBrand": "#FFFFFF",
-    "TwClrTxtBrand": "#2C8658",
-    "TwClrTxtOnBrand": "#FFFFFF",
-    "TwClrBgDanger": "#CB4D45",
-    "TwClrBgDangerActive": "#A8362F",
-    "TwClrBgDangerGhost": "rgb(203 77 69 / 0%)",
-    "TwClrBgDangerGhostActive": "rgb(203 77 69 / 20%)",
-    "TwClrBgDangerGhostHover": "rgb(203 77 69 / 10%)",
-    "TwClrBgDangerHover": "linear-gradient(rgb(168 54 47 / 50%), rgb(168 54 47 / 50%)), linear-gradient(#CB4D45, #CB4D45)",
-    "TwClrBgDangerTertiary": "#FAEEED",
-    "TwClrBrdrDanger": "#CB4D45",
-    "TwClrBrdrDangerActive": "#A8362F",
-    "TwClrBrdrDangerHover": "linear-gradient(rgb(168 54 47 / 50%), rgb(168 54 47 / 50%)), linear-gradient(#CB4D45, #CB4D45)",
-    "TwClrIcnDanger": "#CB4D45",
-    "TwClrIcnOnDanger": "#FFFFFF",
-    "TwClrTxtDanger": "#CB4D45",
-    "TwClrTxtOnDanger": "#FFFFFF",
-    "TwClrBgInfo": "#7F775B",
-    "TwClrBgInfoTertiary": "#F1F0EC",
-    "TwClrBrdrInfo": "#7F775B",
-    "TwClrIcnInfo": "#7F775B",
-    "TwClrIcnOnInfo": "#FFFFFF",
-    "TwClrTxtInfo": "#645E48",
-    "TwClrTxtOnInfo": "#FFFFFF",
-    "TwClrBgSelected": "#6172BE",
-    "TwClrBgSelectedTertiary": "#EFF1F8",
-    "TwClrBgSelectedGhost": "rgb(97 114 190 / 0%)",
-    "TwClrBgSelectedGhostActive": "rgb(97 114 190 / 20%)",
-    "TwClrBgSelectedGhostHover": "rgb(97 114 190 / 10%)",
-    "TwClrBrdrSelected": "#6172BE",
-    "TwClrIcnOnSelected": "#FFFFFF",
-    "TwClrIcnSelected": "#6172BE",
-    "TwClrTxtOnSelected": "#FFFFFF",
-    "TwClrTxtSelected": "#6172BE",
-    "TwClrBgSuccess": "#5D822B",
-    "TwClrBgSuccessTertiary": "#EAF3DC",
-    "TwClrBgSuccessActive": "#496622",
-    "TwClrBgSuccessHover": "linear-gradient(rgb(73 102 34 / 50%), rgb(73 102 34 / 50%)), linear-gradient(#5D822B, #5D822B)",
-    "TwClrBrdrSuccess": "#5D822B",
-    "TwClrIcnOnSuccess": "#FFFFFF",
-    "TwClrIcnSuccess": "#5D822B",
-    "TwClrTxtOnSuccess": "#FFFFFF",
-    "TwClrTxtSuccess": "#5D822B",
-    "TwClrBgWarning": "#A36A2D",
-    "TwClrBgWarningActive": "#815424",
-    "TwClrBgWarningHover": "linear-gradient(rgb(129 84 36 / 50%), rgb(129 84 36 / 50%)), linear-gradient(#A36A2D, #A36A2D)",
-    "TwClrBgWarningTertiary": "#F8EFE5",
-    "TwClrBrdrWarning": "#A36A2D",
-    "TwClrBrdrWarningActive": "#815424",
-    "TwClrBrdrWarningHover": "linear-gradient(rgb(129 84 36 / 50%), rgb(129 84 36 / 50%)), linear-gradient(#A36A2D, #A36A2D)",
-    "TwClrIcnOnWarning": "#FFFFFF",
-    "TwClrIcnWarning": "#A36A2D",
-    "TwClrTxtOnWarning": "#FFFFFF",
-    "TwClrTxtWarning": "#A36A2D",
-    "TwClrBgAccent": "#EF7047",
-    "TwClrTxtAccent": "#EF7047",
-    "TwClrTxtOnAccent": "#FFFFFF"
+  palette: {
+    TwClrBaseBlack: '#000000',
+    TwClrBaseGray025: '#F9F8F7',
+    TwClrBaseGray050: '#F1F0EC',
+    TwClrBaseGray075: '#EBEAE4',
+    TwClrBaseGray100: '#E3E1D9',
+    TwClrBaseGray200: '#CBC6B7',
+    TwClrBaseGray300: '#B2AB93',
+    TwClrBaseGray400: '#9A9172',
+    TwClrBaseGray500: '#7F775B',
+    TwClrBaseGray600: '#645E48',
+    TwClrBaseGray700: '#4B4736',
+    TwClrBaseGray800: '#333025',
+    TwClrBaseGray900: '#1D1B15',
+    TwClrBaseTransparent: '#FFFFFF00',
+    TwClrBaseWhite: '#FFFFFF',
+    TwClrBaseBlue050: '#EFF1F8',
+    TwClrBaseBlue100: '#DDE1F1',
+    TwClrBaseBlue200: '#BDC4E4',
+    TwClrBaseBlue300: '#9EA9D7',
+    TwClrBaseBlue400: '#808ECA',
+    TwClrBaseBlue500: '#6172BE',
+    TwClrBaseBlue600: '#4658AA',
+    TwClrBaseBlue700: '#35437F',
+    TwClrBaseBlue800: '#242D57',
+    TwClrBaseGreen050: '#E2F6EC',
+    TwClrBaseGreen100: '#C2EBD6',
+    TwClrBaseGreen200: '#84D6AC',
+    TwClrBaseGreen300: '#41C07F',
+    TwClrBaseGreen400: '#36A36B',
+    TwClrBaseGreen500: '#2C8658',
+    TwClrBaseGreen600: '#236A46',
+    TwClrBaseGreen700: '#1A5035',
+    TwClrBaseGreen800: '#123624',
+    TwClrBaseLightGreen050: '#EAF3DC',
+    TwClrBaseLightGreen100: '#D4E8BA',
+    TwClrBaseLightGreen200: '#ACD278',
+    TwClrBaseLightGreen300: '#86BA3E',
+    TwClrBaseLightGreen400: '#719E34',
+    TwClrBaseLightGreen500: '#5D822B',
+    TwClrBaseLightGreen600: '#496622',
+    TwClrBaseLightGreen700: '#384D1A',
+    TwClrBaseLightGreen800: '#263411',
+    TwClrBaseOrange050: '#F8EFE5',
+    TwClrBaseOrange100: '#F1DFCB',
+    TwClrBaseOrange200: '#E3C099',
+    TwClrBaseOrange300: '#D5A167',
+    TwClrBaseOrange400: '#C78237',
+    TwClrBaseOrange500: '#A36A2D',
+    TwClrBaseOrange600: '#815424',
+    TwClrBaseOrange700: '#61401B',
+    TwClrBaseOrange800: '#422B12',
+    TwClrBasePink050: '#F9EDF2',
+    TwClrBasePink100: '#F3DCE6',
+    TwClrBasePink200: '#E7B9CD',
+    TwClrBasePink300: '#DC97B5',
+    TwClrBasePink400: '#D0749B',
+    TwClrBasePink500: '#C34D7F',
+    TwClrBasePink600: '#A13664',
+    TwClrBasePink700: '#7A294C',
+    TwClrBasePink800: '#531C34',
+    TwClrBasePurple050: '#F4EFF9',
+    TwClrBasePurple100: '#E8DEF2',
+    TwClrBasePurple200: '#D3BEE6',
+    TwClrBasePurple300: '#BD9FDA',
+    TwClrBasePurple400: '#A880CE',
+    TwClrBasePurple500: '#9360C1',
+    TwClrBasePurple600: '#7A43AD',
+    TwClrBasePurple700: '#5D3383',
+    TwClrBasePurple800: '#3E2359',
+    TwClrBaseRed050: '#FAEEED',
+    TwClrBaseRed100: '#F4DBD9',
+    TwClrBaseRed200: '#EBBAB7',
+    TwClrBaseRed300: '#E19893',
+    TwClrBaseRed400: '#D7756F',
+    TwClrBaseRed500: '#CB4D45',
+    TwClrBaseRed600: '#A8362F',
+    TwClrBaseRed700: '#802923',
+    TwClrBaseRed800: '#571C18',
+    TwClrBaseYellow050: '#F5F1DC',
+    TwClrBaseYellow100: '#EBE2B5',
+    TwClrBaseYellow200: '#D7C76F',
+    TwClrBaseYellow300: '#C0AB35',
+    TwClrBaseYellow400: '#A3912D',
+    TwClrBaseYellow500: '#867725',
+    TwClrBaseYellow600: '#6A5E1D',
+    TwClrBaseYellow700: '#504716',
+    TwClrBaseYellow800: '#36300F',
+    TwClrBg: '#FFFFFF',
+    TwClrBgActive: '#F1F0EC',
+    TwClrBgGhost: 'rgb(255 255 255 / 0%)',
+    TwClrBgGhostActive: 'rgb(178 171 147 / 40%)',
+    TwClrBgGhostHover: 'rgb(178 171 147 / 20%)',
+    TwClrBgHover: '#F9F8F7',
+    TwClrBgInverse: '#333025',
+    TwClrBgSecondary: '#F1F0EC',
+    TwClrBgSecondaryActive: '#E3E1D9',
+    TwClrBgSecondaryHover: '#EBEAE4',
+    TwClrBgTertiary: '#CBC6B7',
+    TwClrBgTertiaryActive: '#B2AB93',
+    TwClrBgTertiaryHover: 'linear-gradient(rgb(178 171 147 / 50%), rgb(178 171 147 / 50%)), linear-gradient(#CBC6B7, #CBC6B7)',
+    TwClrBrdr: '#333025',
+    TwClrBrdrActive: 'mix(#4658AA, #6172BE, 50%)',
+    TwClrBrdrFocus: '#4658AA',
+    TwClrBrdrHover: '#6172BE',
+    TwClrBrdrSecondary: '#7F775B',
+    TwClrBrdrTertiary: '#B2AB93',
+    TwClrIcn: '#333025',
+    TwClrIcnInverse: '#FFFFFF',
+    TwClrIcnSecondary: '#7F775B',
+    TwClrShdw: '#333025',
+    TwClrTxt: '#333025',
+    TwClrTxtInverse: '#FFFFFF',
+    TwClrTxtSecondary: '#645E48',
+    TwClrTxtTertiary: '#B2AB93',
+    TwClrBgBrand: '#2C8658',
+    TwClrBgBrandActive: '#236A46',
+    TwClrBgBrandGhost: 'rgb(44 134 88 / 0%)',
+    TwClrBgBrandGhostActive: 'rgb(44 134 88 / 20%)',
+    TwClrBgBrandGhostHover: 'rgb(44 134 88 / 10%)',
+    TwClrBgBrandHover: 'linear-gradient(rgb(35 106 70 / 50%), rgb(35 106 70 / 50%)), linear-gradient(#2C8658, #2C8658)',
+    TwClrBgBrandTertiary: '#E2F6EC',
+    TwClrBrdrBrand: '#2C8658',
+    TwClrIcnBrand: '#2C8658',
+    TwClrIcnOnBrand: '#FFFFFF',
+    TwClrTxtBrand: '#2C8658',
+    TwClrTxtOnBrand: '#FFFFFF',
+    TwClrBgDanger: '#CB4D45',
+    TwClrBgDangerActive: '#A8362F',
+    TwClrBgDangerGhost: 'rgb(203 77 69 / 0%)',
+    TwClrBgDangerGhostActive: 'rgb(203 77 69 / 20%)',
+    TwClrBgDangerGhostHover: 'rgb(203 77 69 / 10%)',
+    TwClrBgDangerHover: 'linear-gradient(rgb(168 54 47 / 50%), rgb(168 54 47 / 50%)), linear-gradient(#CB4D45, #CB4D45)',
+    TwClrBgDangerTertiary: '#FAEEED',
+    TwClrBrdrDanger: '#CB4D45',
+    TwClrBrdrDangerActive: '#A8362F',
+    TwClrBrdrDangerHover: 'linear-gradient(rgb(168 54 47 / 50%), rgb(168 54 47 / 50%)), linear-gradient(#CB4D45, #CB4D45)',
+    TwClrIcnDanger: '#CB4D45',
+    TwClrIcnOnDanger: '#FFFFFF',
+    TwClrTxtDanger: '#CB4D45',
+    TwClrTxtOnDanger: '#FFFFFF',
+    TwClrBgInfo: '#7F775B',
+    TwClrBgInfoTertiary: '#F1F0EC',
+    TwClrBrdrInfo: '#7F775B',
+    TwClrIcnInfo: '#7F775B',
+    TwClrIcnOnInfo: '#FFFFFF',
+    TwClrTxtInfo: '#645E48',
+    TwClrTxtOnInfo: '#FFFFFF',
+    TwClrBgSelected: '#6172BE',
+    TwClrBgSelectedGhost: 'rgb(97 114 190 / 0%)',
+    TwClrBgSelectedGhostActive: 'rgb(97 114 190 / 20%)',
+    TwClrBgSelectedGhostHover: 'rgb(97 114 190 / 10%)',
+    TwClrBrdrSelected: '#6172BE',
+    TwClrIcnOnSelected: '#FFFFFF',
+    TwClrIcnSelected: '#6172BE',
+    TwClrTxtOnSelected: '#FFFFFF',
+    TwClrTxtSelected: '#6172BE',
+    TwClrBgSuccess: '#5D822B',
+    TwClrBgSuccessTertiary: '#EAF3DC',
+    TwClrBgSuccessActive: '#496622',
+    TwClrBgSuccessHover: 'linear-gradient(rgb(73 102 34 / 50%), rgb(73 102 34 / 50%)), linear-gradient(#5D822B, #5D822B)',
+    TwClrBrdrSuccess: '#5D822B',
+    TwClrIcnOnSuccess: '#FFFFFF',
+    TwClrIcnSuccess: '#5D822B',
+    TwClrTxtOnSuccess: '#FFFFFF',
+    TwClrTxtSuccess: '#5D822B',
+    TwClrBgWarning: '#A36A2D',
+    TwClrBgWarningActive: '#815424',
+    TwClrBgWarningHover: 'linear-gradient(rgb(129 84 36 / 50%), rgb(129 84 36 / 50%)), linear-gradient(#A36A2D, #A36A2D)',
+    TwClrBgWarningTertiary: '#F8EFE5',
+    TwClrBrdrWarning: '#A36A2D',
+    TwClrBrdrWarningActive: '#815424',
+    TwClrBrdrWarningHover: 'linear-gradient(rgb(129 84 36 / 50%), rgb(129 84 36 / 50%)), linear-gradient(#A36A2D, #A36A2D)',
+    TwClrIcnOnWarning: '#FFFFFF',
+    TwClrIcnWarning: '#A36A2D',
+    TwClrTxtOnWarning: '#FFFFFF',
+    TwClrTxtWarning: '#A36A2D',
+    TwClrBgAccent: '#EF7047',
+    TwClrTxtAccent: '#EF7047',
+    TwClrTxtOnAccent: '#FFFFFF'
   }
 };
 var _default = exports.default = TerrawareTheme;

package/style-dictionary-dist/terraware.scss

@@ -142,7 +142,7 @@ $tw-clr-icn-secondary: #7F775B;
 $tw-clr-shdw: #333025;
 $tw-clr-txt: #333025;
 $tw-clr-txt-inverse: #FFFFFF;
-$tw-clr-txt-secondary: #7F775B;
+$tw-clr-txt-secondary: #645E48;
 $tw-clr-txt-tertiary: #B2AB93;
 $tw-clr-bg-brand: #2C8658;
 $tw-clr-bg-brand-active: #236A46;
@@ -178,7 +178,6 @@ $tw-clr-icn-on-info: #FFFFFF;
 $tw-clr-txt-info: #645E48;
 $tw-clr-txt-on-info: #FFFFFF;
 $tw-clr-bg-selected: #6172BE;
-$tw-clr-bg-selected-tertiary: #EFF1F8;
 $tw-clr-bg-selected-ghost: rgba(#6172BE, 0);
 $tw-clr-bg-selected-ghost-active: rgba(#6172BE, 0.2);
 $tw-clr-bg-selected-ghost-hover: rgba(#6172BE, 0.1);

package/utils/useDeviceInfo.d.ts

@@ -15,12 +15,12 @@ type DeviceInfoProps = {
  * This function returns properties on device type.
  *
  * {
- *   type: 'desktop' | 'tablet' | 'mobile',
- *   orientation: 'portrait' | 'landscape',
- *   isDesktop: <boolean>,
- *   isTablet: <boolean>,
- *   isMobile: <boolean>,
- *   isRetina: <boolean>,
+ * type: 'desktop' | 'tablet' | 'mobile',
+ * orientation: 'portrait' | 'landscape',
+ * isDesktop: <boolean>,
+ * isTablet: <boolean>,
+ * isMobile: <boolean>,
+ * isRetina: <boolean>,
  * }
  *
  * Clients can use whichever properties they see fit.

package/utils/useDeviceInfo.js

@@ -17,12 +17,12 @@ var _reactResponsive = require("react-responsive");
  * This function returns properties on device type.
  *
  * {
- *   type: 'desktop' | 'tablet' | 'mobile',
- *   orientation: 'portrait' | 'landscape',
- *   isDesktop: <boolean>,
- *   isTablet: <boolean>,
- *   isMobile: <boolean>,
- *   isRetina: <boolean>,
+ * type: 'desktop' | 'tablet' | 'mobile',
+ * orientation: 'portrait' | 'landscape',
+ * isDesktop: <boolean>,
+ * isTablet: <boolean>,
+ * isMobile: <boolean>,
+ * isRetina: <boolean>,
  * }
  *
  * Clients can use whichever properties they see fit.