@opengeoweb/theme 1.0.2 → 2.1.1

package/AUTHORS

@@ -1,14 +0,0 @@
-This project belongs to
-
-* Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-
-The code has been written by an international team of developers.
-
-KNMI:
-* Ernst de Vreede
-* Maarten Plieger
-* Rocco Turtolo
-* Loes Cornelis
-* Belen Torrente Torrente
-* Sander de Snaijer
-* Tineke van Rijn

package/LICENCE

@@ -1,13 +0,0 @@
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
-Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)

package/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GWTheme", {
-  enumerable: true,
-  get: function get() {
-    return _theme.GWTheme;
-  }
-});
-
-var _theme = require("./theme");

package/theme.js

@@ -1,189 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GWTheme = void 0;
-
-var _core = require("@material-ui/core");
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * */
-var GWTheme = (0, _core.createMuiTheme)({
-  palette: {
-    secondary: {
-      main: '#0075a9'
-    },
-    action: {
-      active: '#ffa800'
-    }
-  },
-  shape: {
-    borderRadius: 3
-  },
-  typography: {
-    h6: {
-      fontSize: '16px'
-    },
-    subtitle1: {
-      fontSize: '16px',
-      fontWeight: 500,
-      lineHeight: 1.5,
-      letterSpacing: '0.15px',
-      opacity: 0.87,
-      color: '#051039'
-    },
-    subtitle2: {
-      fontSize: '14px',
-      fontWeight: 500,
-      lineHeight: 1.71,
-      letterSpacing: '0.1px',
-      opacity: 0.87,
-      color: '#051039'
-    },
-    body1: {
-      fontSize: '16px',
-      lineHeight: 1.56,
-      letterSpacing: '0.44px',
-      color: '#051039'
-    },
-    body2: {
-      fontSize: '14px',
-      lineHeight: 1.43,
-      letterSpacing: '0.25px',
-      color: '#051039'
-    },
-    overline: {
-      textTransform: 'none',
-      fontSize: '12px',
-      lineHeight: 1.43,
-      letterSpacing: '0.25px',
-      color: '#051039',
-      opacity: 0.7
-    },
-    caption: {
-      fontSize: '12px',
-      lineHeight: 1.33,
-      letterSpacing: '0.4px',
-      color: '#051039',
-      opacity: 0.7
-    },
-    button: {
-      fontWeight: 500,
-      fontSize: '14px',
-      color: '0075a9'
-    }
-  },
-  overrides: {
-    MuiIconButton: {
-      root: {
-        color: '#0075a9'
-      }
-    },
-    MuiSelect: {
-      icon: {
-        color: '#0075a9'
-      },
-      select: {
-        '&:focus': {
-          backgroundColor: 'rgba(0, 117, 169, 0.05)'
-        }
-      }
-    },
-    MuiAlert: {
-      standardWarning: {
-        border: '1px solid #ff9800',
-        borderRadius: '0px'
-      },
-      action: {
-        color: '#0075a9'
-      },
-      message: {
-        fontSize: '14px',
-        lineHeight: 1.43,
-        letterSpacing: '0.25px',
-        color: '#051039'
-      }
-    },
-    MuiTabs: {
-      root: {
-        backgroundColor: '#ffffff',
-        minHeight: '30px'
-      },
-      scrollButtons: {
-        width: '20px'
-      }
-    },
-    MuiTab: {
-      root: {
-        minHeight: '30px',
-        textTransform: 'none',
-        minWidth: '76px',
-        // 100 minus 24 padding (12 left and 12 right)
-        '@media (min-width: 600px)': {
-          minWidth: '76px'
-        }
-      },
-      labelIcon: {
-        minHeight: '30px'
-      }
-    },
-    MuiListItem: {
-      root: {
-        '&$selected': {
-          backgroundColor: 'rgba(0, 117, 169, 0.15)',
-          borderLeft: '4px solid #0075a9',
-          '&:hover': {
-            backgroundColor: 'rgba(0, 117, 169, 0.10)'
-          }
-        }
-      },
-      button: {
-        '&:hover': {
-          backgroundColor: 'rgba(0, 117, 169, 0.15)'
-        }
-      }
-    },
-    MuiFormLabel: {
-      root: {
-        color: 'rgba(5, 16, 57, 0.7)',
-        '&$focused': {
-          color: '#0075a9'
-        }
-      }
-    },
-    MuiFormControl: {
-      root: {
-        backgroundColor: 'rgba(0, 117, 169, 0.05)'
-      }
-    },
-    MuiOutlinedInput: {
-      root: {
-        '&$focused $notchedOutline': {
-          borderColor: '#0075a9'
-        }
-      }
-    },
-    MuiCardContent: {
-      root: {
-        '&:last-child': {
-          paddingBottom: 0
-        }
-      }
-    }
-  }
-});
-exports.GWTheme = GWTheme;

package/theme.stories.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const WithTheme: React.FC<{}>;
-export declare const WithoutTheme: React.FC<{}>;

package/theme.stories.js

@@ -1,120 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WithoutTheme = exports.WithTheme = exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _Notifications = _interopRequireDefault(require("@material-ui/icons/Notifications"));
-
-var _ = require(".");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * */
-var _default = {
-  title: 'theme'
-};
-exports.default = _default;
-var useStyles = (0, _core.makeStyles)({
-  sectionTitle: {
-    fontSize: 18,
-    borderBottom: '1px solid black'
-  }
-}); // TODO: this is just a part of all styles, there are more defined in theme.tsx. It would be nice to have a complete overview so we can use it as a styleguide.
-
-var DemoComponent = function DemoComponent() {
-  var classes = useStyles();
-  return /*#__PURE__*/React.createElement(_core.Grid, {
-    container: true,
-    spacing: 1
-  }, /*#__PURE__*/React.createElement(_core.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "h1",
-    className: classes.sectionTitle
-  }, "Typography"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "h6"
-  }, "h6"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "subtitle1"
-  }, "subtitle1"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "subtitle2"
-  }, "subtitle2"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "body1"
-  }, "body1"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "body2"
-  }, "body2"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "overline"
-  }, "overline"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "caption"
-  }, "caption"), /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "button"
-  }, "button")), /*#__PURE__*/React.createElement(_core.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(_core.Typography, {
-    variant: "h1",
-    className: classes.sectionTitle
-  }, "Form elements"), /*#__PURE__*/React.createElement(_core.ButtonGroup, null, /*#__PURE__*/React.createElement(_core.Button, {
-    color: "secondary"
-  }, "One"), /*#__PURE__*/React.createElement(_core.Button, {
-    color: "secondary"
-  }, "Two"), /*#__PURE__*/React.createElement(_core.Button, {
-    color: "secondary"
-  }, "Three")), /*#__PURE__*/React.createElement(_core.Tabs, {
-    indicatorColor: "secondary",
-    textColor: "secondary",
-    variant: "scrollable",
-    scrollButtons: "auto",
-    value: "ONE"
-  }, /*#__PURE__*/React.createElement(_core.Tab, {
-    label: "One",
-    value: "ONE",
-    icon: /*#__PURE__*/React.createElement(_Notifications.default, {
-      fontSize: "small",
-      color: "action"
-    })
-  }), /*#__PURE__*/React.createElement(_core.Tab, {
-    label: "Two",
-    value: "TWO"
-  }))));
-};
-
-var WithTheme = function WithTheme() {
-  return /*#__PURE__*/React.createElement(_core.ThemeProvider, {
-    theme: _.GWTheme
-  }, /*#__PURE__*/React.createElement(DemoComponent, null));
-};
-
-exports.WithTheme = WithTheme;
-
-var WithoutTheme = function WithoutTheme() {
-  return /*#__PURE__*/React.createElement(DemoComponent, null);
-};
-
-exports.WithoutTheme = WithoutTheme;

package/theme.test.js

@@ -1,44 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var React = _interopRequireWildcard(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _react2 = require("@testing-library/react");
-
-var _theme = require("./theme");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * */
-describe('src/theme', function () {
-  it('should render', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/React.createElement(_core.ThemeProvider, {
-      theme: _theme.GWTheme
-    }, /*#__PURE__*/React.createElement(_core.Button, {
-      "data-testid": "test-btn",
-      color: "secondary"
-    }, "One"))),
-        getByTestId = _render.getByTestId;
-
-    expect(getByTestId('test-btn')).toBeTruthy();
-  });
-});