@occmundial/occ-atomic 3.0.0-beta.2 → 3.0.0-beta.21
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.
- package/CHANGELOG.md +185 -0
- package/build/Banner/Banner.js +30 -40
- package/build/Banner/Banner.test.js +64 -17
- package/build/Banner/__snapshots__/Banner.test.js.snap +0 -28
- package/build/Banner/index.js +1 -6
- package/build/Button/__snapshots__/Button.test.js.snap +18 -20
- package/build/Button/styles.js +6 -8
- package/build/Checkbox/Checkbox.js +48 -3
- package/build/Checkbox/__snapshots__/Checkbox.test.js.snap +81 -49
- package/build/Checkbox/styles.js +91 -48
- package/build/Pill/Choice/Choice.js +73 -81
- package/build/Pill/Choice/styles.js +64 -20
- package/build/Pill/Group/Group.js +5 -2
- package/build/Pill/Group/styles.js +31 -31
- package/build/Pill/Pill.js +4 -3
- package/build/Pill/Stack/Stack.js +7 -12
- package/build/Pill/Stack/styles.js +43 -33
- package/build/Pill/__snapshots__/Pill.test.js.snap +14 -24
- package/build/Pill/styles.js +22 -27
- package/build/Radio/Radio.js +42 -6
- package/build/Radio/__snapshots__/Radio.test.js.snap +81 -80
- package/build/Radio/styles.js +93 -85
- package/build/SlideToggle/SlideToggle.js +38 -6
- package/build/SlideToggle/SlideToggle.test.js +2 -2
- package/build/SlideToggle/__snapshots__/SlideToggle.test.js.snap +53 -37
- package/build/SlideToggle/styles.js +65 -45
- package/build/Text/Text.js +4 -2
- package/build/TextField/TextField.js +7 -6
- package/build/TextField/__snapshots__/TextField.test.js.snap +3 -0
- package/build/TextField/styles.js +3 -0
- package/build/Tip/Tip.js +52 -95
- package/build/Tip/Tip.test.js +29 -6
- package/build/Tip/TipText/index.js +32 -0
- package/build/Tip/__snapshots__/Tip.test.js.snap +85 -15
- package/build/Tip/styles.js +80 -31
- package/build/Toaster/Toast/Toast.js +69 -64
- package/build/Toaster/Toast/styles.js +72 -46
- package/build/Toaster/Toaster.js +3 -2
- package/build/Toaster/Toaster.test.js +5 -2
- package/build/Toaster/__snapshots__/Toaster.test.js.snap +1 -1
- package/build/Toaster/styles.js +3 -3
- package/build/tokens/colors.json +3 -3
- package/package.json +4 -1
- package/build/Banner/styles.js +0 -41
package/build/Toaster/styles.js
CHANGED
|
@@ -7,7 +7,7 @@ exports["default"] = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _grid = _interopRequireDefault(require("../subatomic/grid"));
|
|
9
9
|
|
|
10
|
-
var _spacing = _interopRequireDefault(require("../
|
|
10
|
+
var _spacing = _interopRequireDefault(require("../tokens/spacing.json"));
|
|
11
11
|
|
|
12
12
|
var _container;
|
|
13
13
|
|
|
@@ -21,9 +21,9 @@ var _default = {
|
|
|
21
21
|
zIndex: 1001,
|
|
22
22
|
bottom: 0,
|
|
23
23
|
left: 0,
|
|
24
|
-
padding: _spacing["default"]
|
|
24
|
+
padding: _spacing["default"]['size-4']
|
|
25
25
|
}, _defineProperty(_container, "@media screen and (min-width:".concat(_grid["default"].xs, "px)"), {
|
|
26
|
-
padding: _spacing["default"]
|
|
26
|
+
padding: _spacing["default"]['size-6']
|
|
27
27
|
}), _defineProperty(_container, "@media screen and (max-width:".concat(_grid["default"].xs - 1, "px)"), {
|
|
28
28
|
width: '100vw'
|
|
29
29
|
}), _defineProperty(_container, "pointerEvents", 'none'), _container)
|
package/build/tokens/colors.json
CHANGED
|
@@ -343,7 +343,7 @@
|
|
|
343
343
|
},
|
|
344
344
|
"info": {
|
|
345
345
|
"bg": "#e3efff",
|
|
346
|
-
"border": "#
|
|
346
|
+
"border": "#b9d7ff"
|
|
347
347
|
},
|
|
348
348
|
"neutral": {
|
|
349
349
|
"bg": "#000",
|
|
@@ -402,7 +402,7 @@
|
|
|
402
402
|
},
|
|
403
403
|
"info": {
|
|
404
404
|
"bg": "#e3efff",
|
|
405
|
-
"border": "#
|
|
405
|
+
"border": "#b9d7ff"
|
|
406
406
|
},
|
|
407
407
|
"featured": {
|
|
408
408
|
"border": "rgba(255,255,255,0.2)",
|
|
@@ -567,7 +567,7 @@
|
|
|
567
567
|
"subtle": "#d7f6e3"
|
|
568
568
|
},
|
|
569
569
|
"info": {
|
|
570
|
-
"subtle": "#
|
|
570
|
+
"subtle": "#b9d7ff"
|
|
571
571
|
}
|
|
572
572
|
},
|
|
573
573
|
"text": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@occmundial/occ-atomic",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.21",
|
|
4
4
|
"description": "Collection of shareable styled React components for OCC applications.",
|
|
5
5
|
"homepage": "http://occmundial.github.io/occ-atomic",
|
|
6
6
|
"main": "build/index.js",
|
|
@@ -120,5 +120,8 @@
|
|
|
120
120
|
"roots": [
|
|
121
121
|
"<rootDir>/lib/"
|
|
122
122
|
]
|
|
123
|
+
},
|
|
124
|
+
"volta": {
|
|
125
|
+
"node": "16.18.0"
|
|
123
126
|
}
|
|
124
127
|
}
|
package/build/Banner/styles.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
|
|
9
|
-
|
|
10
|
-
var _colors = _interopRequireDefault(require("../subatomic/colors"));
|
|
11
|
-
|
|
12
|
-
var _grid = _interopRequireDefault(require("../subatomic/grid"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
-
|
|
18
|
-
var _default = {
|
|
19
|
-
container: {
|
|
20
|
-
padding: _spacing["default"].small,
|
|
21
|
-
backgroundColor: _colors["default"].ink
|
|
22
|
-
},
|
|
23
|
-
textBanner: {
|
|
24
|
-
display: 'inline-block'
|
|
25
|
-
},
|
|
26
|
-
textFlex: _defineProperty({
|
|
27
|
-
textAlign: 'start'
|
|
28
|
-
}, "@media screen and (min-width:".concat(_grid["default"].xs, "px)"), {
|
|
29
|
-
textAlign: 'center'
|
|
30
|
-
}),
|
|
31
|
-
iconFlex: _defineProperty({
|
|
32
|
-
paddingLeft: _spacing["default"].small,
|
|
33
|
-
paddingTop: _spacing["default"].small
|
|
34
|
-
}, "@media screen and (min-width:".concat(_grid["default"].xs, "px)"), {
|
|
35
|
-
padding: 0
|
|
36
|
-
}),
|
|
37
|
-
icon: {
|
|
38
|
-
cursor: 'pointer'
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
exports["default"] = _default;
|