@paprika/time-picker 5.0.2 → 5.0.3
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.
|
@@ -36,7 +36,7 @@ exports.Picker = Picker;
|
|
|
36
36
|
var timeInputPickerOption = _styledComponents["default"].div.withConfig({
|
|
37
37
|
displayName: "Pickerstyles__timeInputPickerOption",
|
|
38
38
|
componentId: "sc-1jrihfw-1"
|
|
39
|
-
})(["flex-basis:122px;&.timeinput-picker__hours{flex-basis:140px;}&:last-child{.timeinput-picker__columns{border-
|
|
39
|
+
})(["flex-basis:122px;&.timeinput-picker__hours{flex-basis:140px;}&:last-child{.timeinput-picker__columns{border-inline-end:0;}}"]);
|
|
40
40
|
|
|
41
41
|
exports.timeInputPickerOption = timeInputPickerOption;
|
|
42
42
|
|
|
@@ -50,7 +50,7 @@ exports.timeInputPickerTitle = timeInputPickerTitle;
|
|
|
50
50
|
var timeInputPickerColumns = _styledComponents["default"].div.withConfig({
|
|
51
51
|
displayName: "Pickerstyles__timeInputPickerColumns",
|
|
52
52
|
componentId: "sc-1jrihfw-3"
|
|
53
|
-
})(["align-items:flex-start;border-
|
|
53
|
+
})(["align-items:flex-start;border-inline-end:1px solid ", ";display:flex;height:calc(100% - 30px);width:100%;"], _tokens["default"].border.color);
|
|
54
54
|
|
|
55
55
|
exports.timeInputPickerColumns = timeInputPickerColumns;
|
|
56
56
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Picker/Picker.styles.js"],"names":["Picker","styled","div","tokens","color","white","border","radius","timeInputPickerOption","timeInputPickerTitle","blackLighten70","spaceSm","timeInputPickerColumns","timeInputPickerColumn","timeInputPickerColumnItemIsPicked","css","blueLighten40","timeInputPickerColumnItemCustom","timeInputPickerColumnItem","RawButton","isActive","isCustom"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,MAAM,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,yHACGC,mBAAOC,KAAP,CAAaC,KADhB,EAEGF,mBAAOG,MAAP,CAAcF,KAFjB,EAGAD,mBAAOG,MAAP,CAAcC,MAHd,CAAZ;;;;AAQA,IAAMC,qBAAqB,GAAGP,6BAAOC,GAAV;AAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Picker/Picker.styles.js"],"names":["Picker","styled","div","tokens","color","white","border","radius","timeInputPickerOption","timeInputPickerTitle","blackLighten70","spaceSm","timeInputPickerColumns","timeInputPickerColumn","timeInputPickerColumnItemIsPicked","css","blueLighten40","timeInputPickerColumnItemCustom","timeInputPickerColumnItem","RawButton","isActive","isCustom"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,MAAM,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,yHACGC,mBAAOC,KAAP,CAAaC,KADhB,EAEGF,mBAAOG,MAAP,CAAcF,KAFjB,EAGAD,mBAAOG,MAAP,CAAcC,MAHd,CAAZ;;;;AAQA,IAAMC,qBAAqB,GAAGP,6BAAOC,GAAV;AAAA;AAAA;AAAA,mIAA3B;;;;AAYA,IAAMO,oBAAoB,GAAGR,6BAAOC,GAAV;AAAA;AAAA;AAAA,qHACjBC,mBAAOC,KAAP,CAAaM,cADI,EAEJP,mBAAOG,MAAP,CAAcF,KAFV,EAKpBD,mBAAOQ,OALa,CAA1B;;;;AASA,IAAMC,sBAAsB,GAAGX,6BAAOC,GAAV;AAAA;AAAA;AAAA,kHAEFC,mBAAOG,MAAP,CAAcF,KAFZ,CAA5B;;;;AAQA,IAAMS,qBAAqB,GAAGZ,6BAAOC,GAAV;AAAA;AAAA;AAAA,6HAOrBC,mBAAOQ,OAPc,CAA3B;;;AAUA,IAAMG,iCAAiC,OAAGC,qBAAH,+CACxBZ,mBAAOC,KAAP,CAAaY,aADW,CAAvC;;AAKA,IAAMC,+BAA+B,OAAGF,qBAAH,sBAArC;;AAIA,IAAMG,yBAAyB,GAAG,kCAAOC,qBAAP,CAAH;AAAA;AAAA;AAAA,GACpC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,QAAb,QAAaA,QAAb;AAAA,aAA4BN,qBAA5B,mJACmBZ,mBAAOG,MAAP,CAAcC,MADjC,EAMaJ,mBAAOQ,OANpB,EASIS,QAAQ,GAAGN,iCAAH,GAAuC,EATnD,EAUIO,QAAQ,GAAGJ,+BAAH,GAAqC,EAVjD;AAAA,CADoC,CAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tokens from \"@paprika/tokens\";\nimport RawButton from \"@paprika/raw-button\";\n\nexport const Picker = styled.div`\n background-color: ${tokens.color.white};\n border: 1px solid ${tokens.border.color};\n border-radius: ${tokens.border.radius};\n display: inline-flex;\n min-width: 364px;\n z-index: z(1);\n`;\nexport const timeInputPickerOption = styled.div`\n flex-basis: 122px;\n &.timeinput-picker__hours {\n flex-basis: 140px;\n }\n\n &:last-child {\n .timeinput-picker__columns {\n border-inline-end: 0;\n }\n }\n`;\nexport const timeInputPickerTitle = styled.div`\n background: ${tokens.color.blackLighten70};\n border-bottom: 1px solid ${tokens.border.color};\n font-size: 16px;\n font-weight: bold;\n padding: ${tokens.spaceSm};\n text-align: center;\n`;\n\nexport const timeInputPickerColumns = styled.div`\n align-items: flex-start;\n border-inline-end: 1px solid ${tokens.border.color};\n display: flex;\n height: calc(100% - 30px);\n width: 100%;\n`;\n\nexport const timeInputPickerColumn = styled.div`\n align-items: center;\n display: flex;\n flex-basis: 100%;\n flex-flow: column;\n flex-wrap: wrap;\n justify-content: center;\n padding: ${tokens.spaceSm};\n`;\n\nexport const timeInputPickerColumnItemIsPicked = css`\n background-color: ${tokens.color.blueLighten40};\n font-weight: bold;\n`;\n\nexport const timeInputPickerColumnItemCustom = css`\n max-width: 64px;\n`;\n\nexport const timeInputPickerColumnItem = styled(RawButton)(\n ({ isActive, isCustom }) => css`\n border-radius: ${tokens.border.radius};\n box-shadow: none;\n display: inline-block;\n margin-bottom: 0;\n max-width: 40px;\n padding: ${tokens.spaceSm};\n text-align: center;\n width: 100%;\n ${isActive ? timeInputPickerColumnItemIsPicked : \"\"};\n ${isCustom ? timeInputPickerColumnItemCustom : \"\"};\n `\n);\n"],"file":"Picker.styles.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paprika/time-picker",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.3",
|
|
4
4
|
"description": "The TimePicker component gives users the ability to select a specific time from a popover.",
|
|
5
5
|
"author": "@paprika",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
"@babel/runtime-corejs2": "^7.3.1",
|
|
19
19
|
"@paprika/helpers": "^2.4.2",
|
|
20
20
|
"@paprika/icon": "^3.0.2",
|
|
21
|
-
"@paprika/input": "^7.0.
|
|
22
|
-
"@paprika/popover": "^2.0.
|
|
23
|
-
"@paprika/raw-button": "^1.0.
|
|
24
|
-
"@paprika/stylers": "^1.1.
|
|
21
|
+
"@paprika/input": "^7.0.3",
|
|
22
|
+
"@paprika/popover": "^2.0.12",
|
|
23
|
+
"@paprika/raw-button": "^1.0.19",
|
|
24
|
+
"@paprika/stylers": "^1.1.12",
|
|
25
25
|
"@paprika/tokens": "^3.1.0",
|
|
26
26
|
"prop-types": "^15.7.2"
|
|
27
27
|
},
|