@dhis2-ui/css 8.1.10 → 8.2.1

package/build/cjs/css-reset/css-reset.js

@@ -16,6 +16,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const CssReset = () => /*#__PURE__*/_react.default.createElement(_style.default, {
   id: "3745978156",
   dynamic: [_uiConstants.theme.fonts, _uiConstants.theme.fonts]
-}, ["html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;}", `*,*:before,*:after{font-family:${_uiConstants.theme.fonts};box-sizing:inherit;}`, `body{margin:0;font-family:${_uiConstants.theme.fonts};}`, "main{display:block;}", "h1{font-size:2em;margin:0.67em 0;}", "hr{box-sizing:content-box;height:0;overflow:visible;}", "pre{font-family:monospace,monospace;font-size:1em;}", "a{background-color:transparent;}", "abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}", "b,strong{font-weight:bolder;}", "code,kbd,samp{font-family:monospace,monospace;font-size:1em;}", "small{font-size:80%;}", "sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}", "sub{bottom:-0.25em;}", "sup{top:-0.5em;}", "img{border-style:none;}", "button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}", "button,input{overflow:visible;}", "button,select{text-transform:none;}", "button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}", "button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}", "button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText;}", "fieldset{padding:0.35em 0.75em 0.625em;}", "legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}", "progress{vertical-align:baseline;}", "textarea{overflow:auto;}", "[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0;}", "[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}", "[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}", "[type='search']::-webkit-search-decoration{-webkit-appearance:none;}", "::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}", "details{display:block;}", "summary{display:list-item;}", "template{display:none;}", "[hidden]{display:none;}"]);
+}, ["html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;}", "*,*:before,*:after{font-family:".concat(_uiConstants.theme.fonts, ";box-sizing:inherit;}"), "body{margin:0;font-family:".concat(_uiConstants.theme.fonts, ";}"), "main{display:block;}", "h1{font-size:2em;margin:0.67em 0;}", "hr{box-sizing:content-box;height:0;overflow:visible;}", "pre{font-family:monospace,monospace;font-size:1em;}", "a{background-color:transparent;}", "abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}", "b,strong{font-weight:bolder;}", "code,kbd,samp{font-family:monospace,monospace;font-size:1em;}", "small{font-size:80%;}", "sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}", "sub{bottom:-0.25em;}", "sup{top:-0.5em;}", "img{border-style:none;}", "button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}", "button,input{overflow:visible;}", "button,select{text-transform:none;}", "button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}", "button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}", "button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText;}", "fieldset{padding:0.35em 0.75em 0.625em;}", "legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}", "progress{vertical-align:baseline;}", "textarea{overflow:auto;}", "[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0;}", "[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}", "[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}", "[type='search']::-webkit-search-decoration{-webkit-appearance:none;}", "::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}", "details{display:block;}", "summary{display:list-item;}", "template{display:none;}", "[hidden]{display:none;}"]);
 
 exports.CssReset = CssReset;

package/build/cjs/css-reset/css-reset.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Default = exports.default = void 0;
+exports.default = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,23 +11,17 @@ var _index = require("./index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-A tool for adding a global normalization stylesheet into the DOM that applies DHIS2 styles.
+const description = "\nA tool for adding a global normalization stylesheet into the DOM that applies DHIS2 styles.\n\n- https://github.com/necolas/normalize.css\n- https://www.paulirish.com/2012/box-sizing-border-box-ftw/\n\n```js\nimport { CssReset } from '@dhis2/ui'\n```\n";
 
-- https://github.com/necolas/normalize.css
-- https://www.paulirish.com/2012/box-sizing-border-box-ftw/
-
-\`\`\`js
-import { CssReset } from '@dhis2/ui'
-\`\`\`
-`;
-
-const App = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", null, children);
+const App = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", null, children);
+};
 
 var _default = {
-  title: 'Helpers/CSS Reset',
+  title: 'CSS Reset',
   component: _index.CssReset,
   parameters: {
     docs: {

package/build/cjs/css-variables/css-variables.js

@@ -19,20 +19,25 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const toPrefixedThemeSection = themeSectionKey => Object.entries(theme[themeSectionKey]).reduce((prefixed, [key, value]) => {
-  prefixed[`${themeSectionKey}-${key}`] = value;
+const toPrefixedThemeSection = themeSectionKey => Object.entries(theme[themeSectionKey]).reduce((prefixed, _ref) => {
+  let [key, value] = _ref;
+  prefixed["".concat(themeSectionKey, "-").concat(key)] = value;
   return prefixed;
 }, {});
 
-const toCustomPropertyString = themeSection => Object.entries(themeSection).map(([key, value]) => `--${key}: ${value};`).join('\n');
+const toCustomPropertyString = themeSection => Object.entries(themeSection).map(_ref2 => {
+  let [key, value] = _ref2;
+  return "--".concat(key, ": ").concat(value, ";");
+}).join('\n');
 
-const CssVariables = ({
-  colors,
-  theme,
-  layers,
-  spacers,
-  elevations
-}) => {
+const CssVariables = _ref3 => {
+  let {
+    colors,
+    theme,
+    layers,
+    spacers,
+    elevations
+  } = _ref3;
   const allowedProps = {
     colors,
     theme,
@@ -48,7 +53,7 @@ const CssVariables = ({
   return /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3443925957",
     dynamic: [variables]
-  }, [`html{${variables};}`]);
+  }, ["html{".concat(variables, ";}")]);
 };
 
 exports.CssVariables = CssVariables;

package/build/cjs/css-variables/css-variables.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NoVariables = exports.AllVariables = exports.default = void 0;
+exports.default = exports.NoVariables = exports.AllVariables = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,20 +11,17 @@ var _index = require("./index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-A utility for adding DHIS2 theme variables to global CSS variables.
+const description = "\nA utility for adding DHIS2 theme variables to global CSS variables.\n\n```js\nimport { CssVariables } from '@dhis2/ui'\n```\n";
 
-\`\`\`js
-import { CssVariables } from '@dhis2/ui'
-\`\`\`
-`;
-
-const App = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", null, children);
+const App = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", null, children);
+};
 
 var _default = {
-  title: 'Helpers/CSS Variables',
+  title: 'CSS Variables',
   component: _index.CssVariables,
   parameters: {
     docs: {

package/build/es/css-reset/css-reset.js

@@ -5,6 +5,6 @@ import React from 'react';
 const CssReset = () => /*#__PURE__*/React.createElement(_JSXStyle, {
   id: "3745978156",
   dynamic: [theme.fonts, theme.fonts]
-}, ["html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;}", `*,*:before,*:after{font-family:${theme.fonts};box-sizing:inherit;}`, `body{margin:0;font-family:${theme.fonts};}`, "main{display:block;}", "h1{font-size:2em;margin:0.67em 0;}", "hr{box-sizing:content-box;height:0;overflow:visible;}", "pre{font-family:monospace,monospace;font-size:1em;}", "a{background-color:transparent;}", "abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}", "b,strong{font-weight:bolder;}", "code,kbd,samp{font-family:monospace,monospace;font-size:1em;}", "small{font-size:80%;}", "sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}", "sub{bottom:-0.25em;}", "sup{top:-0.5em;}", "img{border-style:none;}", "button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}", "button,input{overflow:visible;}", "button,select{text-transform:none;}", "button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}", "button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}", "button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText;}", "fieldset{padding:0.35em 0.75em 0.625em;}", "legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}", "progress{vertical-align:baseline;}", "textarea{overflow:auto;}", "[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0;}", "[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}", "[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}", "[type='search']::-webkit-search-decoration{-webkit-appearance:none;}", "::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}", "details{display:block;}", "summary{display:list-item;}", "template{display:none;}", "[hidden]{display:none;}"]);
+}, ["html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;}", "*,*:before,*:after{font-family:".concat(theme.fonts, ";box-sizing:inherit;}"), "body{margin:0;font-family:".concat(theme.fonts, ";}"), "main{display:block;}", "h1{font-size:2em;margin:0.67em 0;}", "hr{box-sizing:content-box;height:0;overflow:visible;}", "pre{font-family:monospace,monospace;font-size:1em;}", "a{background-color:transparent;}", "abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}", "b,strong{font-weight:bolder;}", "code,kbd,samp{font-family:monospace,monospace;font-size:1em;}", "small{font-size:80%;}", "sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}", "sub{bottom:-0.25em;}", "sup{top:-0.5em;}", "img{border-style:none;}", "button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}", "button,input{overflow:visible;}", "button,select{text-transform:none;}", "button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}", "button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}", "button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText;}", "fieldset{padding:0.35em 0.75em 0.625em;}", "legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}", "progress{vertical-align:baseline;}", "textarea{overflow:auto;}", "[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0;}", "[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}", "[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}", "[type='search']::-webkit-search-decoration{-webkit-appearance:none;}", "::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}", "details{display:block;}", "summary{display:list-item;}", "template{display:none;}", "[hidden]{display:none;}"]);
 
 export { CssReset };

package/build/es/css-reset/css-reset.stories.js

@@ -1,22 +1,16 @@
 import React from 'react';
 import { CssReset } from './index.js';
-const description = `
-A tool for adding a global normalization stylesheet into the DOM that applies DHIS2 styles.
+const description = "\nA tool for adding a global normalization stylesheet into the DOM that applies DHIS2 styles.\n\n- https://github.com/necolas/normalize.css\n- https://www.paulirish.com/2012/box-sizing-border-box-ftw/\n\n```js\nimport { CssReset } from '@dhis2/ui'\n```\n";
 
-- https://github.com/necolas/normalize.css
-- https://www.paulirish.com/2012/box-sizing-border-box-ftw/
-
-\`\`\`js
-import { CssReset } from '@dhis2/ui'
-\`\`\`
-`;
-
-const App = ({
-  children
-}) => /*#__PURE__*/React.createElement("div", null, children);
+const App = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", null, children);
+};
 
 export default {
-  title: 'Helpers/CSS Reset',
+  title: 'CSS Reset',
   component: CssReset,
   parameters: {
     docs: {

package/build/es/css-variables/css-variables.js

@@ -3,20 +3,25 @@ import * as theme from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 
-const toPrefixedThemeSection = themeSectionKey => Object.entries(theme[themeSectionKey]).reduce((prefixed, [key, value]) => {
-  prefixed[`${themeSectionKey}-${key}`] = value;
+const toPrefixedThemeSection = themeSectionKey => Object.entries(theme[themeSectionKey]).reduce((prefixed, _ref) => {
+  let [key, value] = _ref;
+  prefixed["".concat(themeSectionKey, "-").concat(key)] = value;
   return prefixed;
 }, {});
 
-const toCustomPropertyString = themeSection => Object.entries(themeSection).map(([key, value]) => `--${key}: ${value};`).join('\n');
+const toCustomPropertyString = themeSection => Object.entries(themeSection).map(_ref2 => {
+  let [key, value] = _ref2;
+  return "--".concat(key, ": ").concat(value, ";");
+}).join('\n');
 
-const CssVariables = ({
-  colors,
-  theme,
-  layers,
-  spacers,
-  elevations
-}) => {
+const CssVariables = _ref3 => {
+  let {
+    colors,
+    theme,
+    layers,
+    spacers,
+    elevations
+  } = _ref3;
   const allowedProps = {
     colors,
     theme,
@@ -32,7 +37,7 @@ const CssVariables = ({
   return /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3443925957",
     dynamic: [variables]
-  }, [`html{${variables};}`]);
+  }, ["html{".concat(variables, ";}")]);
 };
 
 CssVariables.defaultProps = {

package/build/es/css-variables/css-variables.stories.js

@@ -1,19 +1,16 @@
 import React from 'react';
 import { CssVariables } from './index.js';
-const description = `
-A utility for adding DHIS2 theme variables to global CSS variables.
+const description = "\nA utility for adding DHIS2 theme variables to global CSS variables.\n\n```js\nimport { CssVariables } from '@dhis2/ui'\n```\n";
 
-\`\`\`js
-import { CssVariables } from '@dhis2/ui'
-\`\`\`
-`;
-
-const App = ({
-  children
-}) => /*#__PURE__*/React.createElement("div", null, children);
+const App = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", null, children);
+};
 
 export default {
-  title: 'Helpers/CSS Variables',
+  title: 'CSS Variables',
   component: CssVariables,
   parameters: {
     docs: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/css",
-    "version": "8.1.10",
+    "version": "8.2.1",
     "description": "UI CSS",
     "repository": {
         "type": "git",
@@ -32,7 +32,7 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2/ui-constants": "8.1.10",
+        "@dhis2/ui-constants": "8.2.1",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },