@procore/core-react 10.17.0-rc.31 → 10.17.0-rc.35
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.
|
@@ -17,12 +17,12 @@ export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 =
|
|
|
17
17
|
export var StyledSegment = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n border-radius: 0;\n border-style: solid;\n border-width: 1px;\n cursor: pointer;\n display: flex;\n flex: 1 1 auto;\n height: 100%;\n justify-content: center;\n min-width: 0;\n outline: 0;\n padding: 0 ", "px;\n position: relative;\n\n // For all segments which are not the first child, hide the left border.\n // This is the basis of all the styling so we can get that single pixel line\n // between each segment\n &:not(:first-child) {\n border-left-width: 0;\n }\n\n &:first-child {\n border-bottom-left-radius: ", "px;\n border-top-left-radius: ", "px;\n }\n\n &:last-child {\n border-bottom-right-radius: ", "px;\n border-top-right-radius: ", "px;\n }\n\n &:focus,\n &.focus {\n &:not(:disabled) {\n // Custom focus style, not using the mixin because we need to have control\n // over borders and outlines\n border-color: ", ";\n box-shadow: 0 0 0 1px ", ";\n z-index: 1;\n }\n }\n\n ", "\n"], ["\n align-items: center;\n border-radius: 0;\n border-style: solid;\n border-width: 1px;\n cursor: pointer;\n display: flex;\n flex: 1 1 auto;\n height: 100%;\n justify-content: center;\n min-width: 0;\n outline: 0;\n padding: 0 ", "px;\n position: relative;\n\n // For all segments which are not the first child, hide the left border.\n // This is the basis of all the styling so we can get that single pixel line\n // between each segment\n &:not(:first-child) {\n border-left-width: 0;\n }\n\n &:first-child {\n border-bottom-left-radius: ", "px;\n border-top-left-radius: ", "px;\n }\n\n &:last-child {\n border-bottom-right-radius: ", "px;\n border-top-right-radius: ", "px;\n }\n\n &:focus,\n &.focus {\n &:not(:disabled) {\n // Custom focus style, not using the mixin because we need to have control\n // over borders and outlines\n border-color: ", ";\n box-shadow: 0 0 0 1px ", ";\n z-index: 1;\n }\n }\n\n ", "\n"])), spacing.md, borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md, colors.blue40, colors.blue40, function (_a) {
|
|
18
18
|
var _b = _a.active, active = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
19
19
|
if (disabled) {
|
|
20
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
20
|
+
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &,\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n pointer-events: none;\n }\n "], ["\n &,\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n pointer-events: none;\n }\n "])), active ? colors.gray85 : colors.white, colors.gray85, active ? colors.white : colors.gray85);
|
|
21
21
|
}
|
|
22
22
|
else if (active) {
|
|
23
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
23
|
+
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n & + * {\n // If a segment is active, the sibling to the right must have its left\n // border turned on to match the spec with a gray line on either\n // side of an active segment.\n //\n // !important is needed to override :not(:first-child) specificity\n border-left-width: 1px !important;\n margin-left: -1px !important;\n }\n "], ["\n &,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n & + * {\n // If a segment is active, the sibling to the right must have its left\n // border turned on to match the spec with a gray line on either\n // side of an active segment.\n //\n // !important is needed to override :not(:first-child) specificity\n border-left-width: 1px !important;\n margin-left: -1px !important;\n }\n "])), colors.blue50, colors.blue50, colors.white);
|
|
24
24
|
}
|
|
25
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &:hover,\n &.hover {\n background-color: ", ";\n }\n\n &:focus,\n &.focus {\n border-color: ", ";\n\n // If we hover or focus on a segment we want to show its left border\n border-left-width: 1px;\n\n // We also need to use a negative margin to account for the additional width\n // from turning on the left border so we don't get shifting. However,\n // we don't want to shift the first item because its border is always on\n &:not(:first-child) {\n margin-left: -1px;\n }\n }\n "], ["\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &:hover,\n &.hover {\n background-color: ", ";\n }\n\n &:focus,\n &.focus {\n border-color: ", ";\n\n // If we hover or focus on a segment we want to show its left border\n border-left-width: 1px;\n\n // We also need to use a negative margin to account for the additional width\n // from turning on the left border so we don't get shifting. However,\n // we don't want to shift the first item because its border is always on\n &:not(:first-child) {\n margin-left: -1px;\n }\n }\n "])), colors.white, colors.gray85, colors.gray45, colors.gray94, colors.blue50);
|
|
25
|
+
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &:hover,\n &.hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:focus,\n &.focus {\n border-color: ", ";\n\n // If we hover or focus on a segment we want to show its left border\n border-left-width: 1px;\n\n // We also need to use a negative margin to account for the additional width\n // from turning on the left border so we don't get shifting. However,\n // we don't want to shift the first item because its border is always on\n &:not(:first-child) {\n margin-left: -1px;\n }\n }\n "], ["\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &:hover,\n &.hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:focus,\n &.focus {\n border-color: ", ";\n\n // If we hover or focus on a segment we want to show its left border\n border-left-width: 1px;\n\n // We also need to use a negative margin to account for the additional width\n // from turning on the left border so we don't get shifting. However,\n // we don't want to shift the first item because its border is always on\n &:not(:first-child) {\n margin-left: -1px;\n }\n }\n "])), colors.white, colors.gray85, colors.gray45, colors.gray94, colors.gray85, colors.gray45, colors.blue50);
|
|
26
26
|
});
|
|
27
27
|
export var StyledLabel = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"], ["\n ", ";\n\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])), getTypographyIntent('body'));
|
|
28
28
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../../../src/components/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8KAAqB,uCAEjD,EAA+C,2DAGjD,EAAsC,KAChD,KAJY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AAAhC,CAAgC,EAGjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,siCAAqB,kPAYhD,EAAU,oUAWQ,EAAe,mCAClB,EAAe,gEAIX,EAAe,oCAClB,EAAe,yMAQxB,EAAa,iCACL,EAAa,wCAKvC,
|
|
1
|
+
{"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../../../src/components/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8KAAqB,uCAEjD,EAA+C,2DAGjD,EAAsC,KAChD,KAJY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AAAhC,CAAgC,EAGjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,siCAAqB,kPAYhD,EAAU,oUAWQ,EAAe,mCAClB,EAAe,gEAIX,EAAe,oCAClB,EAAe,yMAQxB,EAAa,iCACL,EAAa,wCAKvC,EA2DD,IACF,KA3Fc,OAAO,CAAC,EAAE,EAWQ,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAIX,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAQxB,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAKvC,UAAC,EAAoC;QAAlC,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnC,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,qPAAA,kEAGc,EAAqC,6BACzC,EAAa,sBACpB,EAAqC,uDAGjD,KALuB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EACzC,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAGjD;KACF;SAAM,IAAI,MAAM,EAAE;QACjB,OAAO,GAAG,ymBAAA,+DAGc,EAAa,6BACjB,EAAa,sBACpB,EAAY,8aAYxB,KAduB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAYxB;KACF;IAED,OAAO,GAAG,oxBAAA,4BACY,EAAY,yBAChB,EAAa,kBACpB,EAAa,kEAIA,EAAa,2BACjB,EAAa,oBACpB,EAAa,uEAKN,EAAa,ocAYhC,KAzBqB,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAIA,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAKN,MAAM,CAAC,MAAM,EAYhC;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8KAAA,MAClC,EAA2B,mGAM9B,KANG,mBAAmB,CAAC,MAAM,CAAC,CAM9B,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@procore/core-react",
|
|
3
|
-
"version": "10.17.0-rc.
|
|
3
|
+
"version": "10.17.0-rc.35+7c7dbb416",
|
|
4
4
|
"description": "JSX implementations for core-css",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@types/enzyme": "3.10.9",
|
|
61
61
|
"@types/jest": "27.0.2",
|
|
62
62
|
"@types/lodash.throttle": "4.1.6",
|
|
63
|
-
"@types/node": "16.
|
|
63
|
+
"@types/node": "16.10.3",
|
|
64
64
|
"@types/prop-types": "15.7.4",
|
|
65
65
|
"@types/ramda": "0.27.45",
|
|
66
66
|
"@types/react": "17.0.27",
|
|
@@ -97,9 +97,9 @@
|
|
|
97
97
|
"yup": "0.32.9"
|
|
98
98
|
},
|
|
99
99
|
"dependencies": {
|
|
100
|
-
"@procore/core-css": "10.17.0-rc.
|
|
101
|
-
"@procore/core-i18n-js": "10.17.0-rc.
|
|
102
|
-
"@procore/core-icons": "10.17.0-rc.
|
|
100
|
+
"@procore/core-css": "10.17.0-rc.35+7c7dbb416",
|
|
101
|
+
"@procore/core-i18n-js": "10.17.0-rc.35+7c7dbb416",
|
|
102
|
+
"@procore/core-icons": "10.17.0-rc.35+7c7dbb416",
|
|
103
103
|
"@tinymce/tinymce-react": "3.12.6",
|
|
104
104
|
"axios": "0.22.0",
|
|
105
105
|
"classnames": "2.3.1",
|
|
@@ -122,5 +122,5 @@
|
|
|
122
122
|
"react-dom": ">=16.8.0 < 18",
|
|
123
123
|
"styled-components": ">= 5.1.1 < 6"
|
|
124
124
|
},
|
|
125
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "7c7dbb4166f168d40e310acfc83ca96553e560e6"
|
|
126
126
|
}
|