@dhis2-ui/css 9.11.3 → 9.12.0-alpha.1

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 (3) hide show
  1. package/build/cjs/css-variables/css-variables.prod.stories.js +48 -2
  2. package/build/es/css-variables/css-variables.prod.stories.js +46 -1
  3. package/package.json +2 -2
package/build/cjs/css-variables/css-variables.prod.stories.js CHANGED
@@ -3,10 +3,11 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.NoVariables = exports.AllVariables = void 0;
6
+ exports.default = exports.NoVariables = exports.Elevations = exports.AllVariables = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _index = require("./index.js");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
10
11
  const description = `
11
12
  A utility for adding DHIS2 theme variables to global CSS variables.
12
13
 
@@ -49,4 +50,49 @@ AllVariables.args = {
49
50
  elevations: true
50
51
  };
51
52
  const NoVariables = args => /*#__PURE__*/_react.default.createElement(App, null, /*#__PURE__*/_react.default.createElement(_index.CssVariables, args), /*#__PURE__*/_react.default.createElement("p", null, "By default no custom properties are inserted."));
52
- exports.NoVariables = NoVariables;
53
+ exports.NoVariables = NoVariables;
54
+ const Elevations = args => /*#__PURE__*/_react.default.createElement(App, null, /*#__PURE__*/_react.default.createElement(_index.CssVariables, _extends({
55
+ elevations: true
56
+ }, args)), /*#__PURE__*/_react.default.createElement("div", {
57
+ style: {
58
+ display: 'flex',
59
+ gap: '8px'
60
+ }
61
+ }, /*#__PURE__*/_react.default.createElement("div", {
62
+ style: {
63
+ background: 'white',
64
+ boxShadow: 'var(--elevations-e100',
65
+ display: 'inline-block',
66
+ padding: '16px',
67
+ marginRight: '16px',
68
+ fontFamily: 'monospace'
69
+ }
70
+ }, "e100"), /*#__PURE__*/_react.default.createElement("div", {
71
+ style: {
72
+ background: 'white',
73
+ boxShadow: 'var(--elevations-e200',
74
+ display: 'inline-block',
75
+ padding: '16px',
76
+ marginRight: '16px',
77
+ fontFamily: 'monospace'
78
+ }
79
+ }, "e200"), /*#__PURE__*/_react.default.createElement("div", {
80
+ style: {
81
+ background: 'white',
82
+ boxShadow: 'var(--elevations-e300',
83
+ display: 'inline-block',
84
+ padding: '16px',
85
+ marginRight: '16px',
86
+ fontFamily: 'monospace'
87
+ }
88
+ }, "e300"), /*#__PURE__*/_react.default.createElement("div", {
89
+ style: {
90
+ background: 'white',
91
+ boxShadow: 'var(--elevations-e400',
92
+ display: 'inline-block',
93
+ padding: '16px',
94
+ marginRight: '16px',
95
+ fontFamily: 'monospace'
96
+ }
97
+ }, "e400")));
98
+ exports.Elevations = Elevations;
package/build/es/css-variables/css-variables.prod.stories.js CHANGED
@@ -1,3 +1,4 @@
1
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1
2
  import React from 'react';
2
3
  import { CssVariables } from './index.js';
3
4
  const description = `
@@ -40,4 +41,48 @@ AllVariables.args = {
40
41
  spacers: true,
41
42
  elevations: true
42
43
  };
43
- export const NoVariables = args => /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(CssVariables, args), /*#__PURE__*/React.createElement("p", null, "By default no custom properties are inserted."));
44
+ export const NoVariables = args => /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(CssVariables, args), /*#__PURE__*/React.createElement("p", null, "By default no custom properties are inserted."));
45
+ export const Elevations = args => /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(CssVariables, _extends({
46
+ elevations: true
47
+ }, args)), /*#__PURE__*/React.createElement("div", {
48
+ style: {
49
+ display: 'flex',
50
+ gap: '8px'
51
+ }
52
+ }, /*#__PURE__*/React.createElement("div", {
53
+ style: {
54
+ background: 'white',
55
+ boxShadow: 'var(--elevations-e100',
56
+ display: 'inline-block',
57
+ padding: '16px',
58
+ marginRight: '16px',
59
+ fontFamily: 'monospace'
60
+ }
61
+ }, "e100"), /*#__PURE__*/React.createElement("div", {
62
+ style: {
63
+ background: 'white',
64
+ boxShadow: 'var(--elevations-e200',
65
+ display: 'inline-block',
66
+ padding: '16px',
67
+ marginRight: '16px',
68
+ fontFamily: 'monospace'
69
+ }
70
+ }, "e200"), /*#__PURE__*/React.createElement("div", {
71
+ style: {
72
+ background: 'white',
73
+ boxShadow: 'var(--elevations-e300',
74
+ display: 'inline-block',
75
+ padding: '16px',
76
+ marginRight: '16px',
77
+ fontFamily: 'monospace'
78
+ }
79
+ }, "e300"), /*#__PURE__*/React.createElement("div", {
80
+ style: {
81
+ background: 'white',
82
+ boxShadow: 'var(--elevations-e400',
83
+ display: 'inline-block',
84
+ padding: '16px',
85
+ marginRight: '16px',
86
+ fontFamily: 'monospace'
87
+ }
88
+ }, "e400")));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/css",
3
- "version": "9.11.3",
3
+ "version": "9.12.0-alpha.1",
4
4
  "description": "UI CSS",
5
5
  "repository": {
6
6
  "type": "git",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@dhis2/prop-types": "^3.1.2",
36
- "@dhis2/ui-constants": "9.11.3",
36
+ "@dhis2/ui-constants": "9.12.0-alpha.1",
37
37
  "classnames": "^2.3.1",
38
38
  "prop-types": "^15.7.2"
39
39
  },