@team-monolith/cds 0.4.5 → 0.5.0
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.
|
@@ -46,7 +46,7 @@ var InputContainer = styled.div(function (_a) {
|
|
|
46
46
|
});
|
|
47
47
|
var StyledInput = styled.input(function (_a) {
|
|
48
48
|
var theme = _a.theme;
|
|
49
|
-
return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n appearance: none;\n flex: 1;\n
|
|
49
|
+
return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n appearance: none;\n flex: 1;\n width: 0; // https://stackoverflow.com/questions/42421361/input-button-elements-not-shrinking-in-a-flex-container\n border: none;\n padding: 0;\n background-color: transparent;\n font: inherit;\n color: currentColor;\n\n &:focus-visible {\n outline: none;\n }\n &::placeholder {\n color: ", ";\n }\n "], ["\n appearance: none;\n flex: 1;\n width: 0; // https://stackoverflow.com/questions/42421361/input-button-elements-not-shrinking-in-a-flex-container\n border: none;\n padding: 0;\n background-color: transparent;\n font: inherit;\n color: currentColor;\n\n &:focus-visible {\n outline: none;\n }\n &::placeholder {\n color: ", ";\n }\n "])), theme.color.foreground.neutralBaseDisabled);
|
|
50
50
|
});
|
|
51
51
|
var ClearButton = styled.button(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n color: currentColor;\n &:not(:disabled) {\n cursor: pointer;\n }\n display: flex;\n align-items: center;\n"], ["\n ", "\n color: currentColor;\n &:not(:disabled) {\n cursor: pointer;\n }\n display: flex;\n align-items: center;\n"])), RESET_BUTTON);
|
|
52
52
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import { css } from "@emotion/react";
|
|
6
|
+
export var TABLET = function (style) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @media (max-width: 1279px) {\n ", "\n }\n"], ["\n @media (max-width: 1279px) {\n ", "\n }\n"])), style); };
|
|
7
|
+
export var MOBILE = function (style) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n @media (max-width: 719px) {\n ", "\n }\n"], ["\n @media (max-width: 719px) {\n ", "\n }\n"])), style); };
|
|
8
|
+
var templateObject_1, templateObject_2;
|
package/dist/index.d.ts
CHANGED
|
@@ -23,6 +23,7 @@ export { default as Tooltip } from "./components/Tooltip";
|
|
|
23
23
|
export * from "./components/Tooltip";
|
|
24
24
|
export { default as color } from "./foundation/color";
|
|
25
25
|
export { default as shadows } from "./foundation/shadows";
|
|
26
|
+
export * from "./foundation/breakpoints";
|
|
26
27
|
export * from "./icons/brand";
|
|
27
28
|
export * from "./icons/map";
|
|
28
29
|
export * from "./icons/system";
|
package/dist/index.js
CHANGED
|
@@ -23,6 +23,7 @@ export { default as Tooltip } from "./components/Tooltip";
|
|
|
23
23
|
export * from "./components/Tooltip";
|
|
24
24
|
export { default as color } from "./foundation/color";
|
|
25
25
|
export { default as shadows } from "./foundation/shadows";
|
|
26
|
+
export * from "./foundation/breakpoints";
|
|
26
27
|
export * from "./icons/brand";
|
|
27
28
|
export * from "./icons/map";
|
|
28
29
|
export * from "./icons/system";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@team-monolith/cds",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"dependencies": {
|
|
@@ -21,12 +21,15 @@
|
|
|
21
21
|
"scripts": {
|
|
22
22
|
"clean": "rimraf dist",
|
|
23
23
|
"compile": "npm run clean && mkdir dist && tsc && npm run postbundle",
|
|
24
|
-
"postbundle": "copyfiles -u 2 src/cds/**/*.{svg,jpg,png} dist/"
|
|
24
|
+
"postbundle": "copyfiles -u 2 src/cds/**/*.{svg,jpg,png} dist/",
|
|
25
|
+
"storybook": "storybook dev -p 6006",
|
|
26
|
+
"build-storybook": "storybook build"
|
|
25
27
|
},
|
|
26
28
|
"eslintConfig": {
|
|
27
29
|
"extends": [
|
|
28
30
|
"react-app",
|
|
29
|
-
"react-app/jest"
|
|
31
|
+
"react-app/jest",
|
|
32
|
+
"plugin:storybook/recommended"
|
|
30
33
|
]
|
|
31
34
|
},
|
|
32
35
|
"browserslist": {
|
|
@@ -42,7 +45,20 @@
|
|
|
42
45
|
]
|
|
43
46
|
},
|
|
44
47
|
"devDependencies": {
|
|
48
|
+
"@babel/preset-env": "^7.22.7",
|
|
49
|
+
"@babel/preset-react": "^7.22.5",
|
|
50
|
+
"@babel/preset-typescript": "^7.22.5",
|
|
51
|
+
"@storybook/addon-essentials": "^7.0.26",
|
|
52
|
+
"@storybook/addon-interactions": "^7.0.26",
|
|
53
|
+
"@storybook/addon-links": "^7.0.26",
|
|
54
|
+
"@storybook/blocks": "^7.0.26",
|
|
55
|
+
"@storybook/react": "^7.0.26",
|
|
56
|
+
"@storybook/react-webpack5": "^7.0.26",
|
|
57
|
+
"@storybook/testing-library": "^0.0.14-next.2",
|
|
45
58
|
"copyfiles": "^2.4.1",
|
|
46
|
-
"
|
|
59
|
+
"eslint-plugin-storybook": "^0.6.12",
|
|
60
|
+
"prop-types": "^15.8.1",
|
|
61
|
+
"rimraf": "^5.0.1",
|
|
62
|
+
"storybook": "^7.0.26"
|
|
47
63
|
}
|
|
48
64
|
}
|