@shoplflow/base 0.46.25 → 0.46.27
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/dist/index.cjs +10 -22
- package/dist/index.js +10 -22
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -5025,41 +5025,29 @@ var PaginationWrapper = styled6__default.default.div`
|
|
|
5025
5025
|
width: 100%;
|
|
5026
5026
|
justify-content: space-between;
|
|
5027
5027
|
|
|
5028
|
-
/* Shopl:
|
|
5028
|
+
/* Shopl: 좌/우 아이템 폭과 개수와 무관하게 네비를 고정 중앙에 둔다. */
|
|
5029
5029
|
${({ $centerNav }) => $centerNav && react$1.css`
|
|
5030
|
-
|
|
5031
|
-
|
|
5030
|
+
display: grid;
|
|
5031
|
+
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
|
|
5032
|
+
align-items: center;
|
|
5033
|
+
column-gap: 8px;
|
|
5032
5034
|
|
|
5033
|
-
/* div → nav → div 이므로 nth-of-type(2)는 두 번째 div(우측)만 잡힘 → 반드시 nth-child */
|
|
5034
5035
|
& > *:nth-child(1) {
|
|
5035
|
-
position: relative;
|
|
5036
|
-
z-index: 2;
|
|
5037
|
-
flex-shrink: 0;
|
|
5038
5036
|
display: flex;
|
|
5039
5037
|
align-items: center;
|
|
5040
5038
|
justify-content: flex-start;
|
|
5039
|
+
min-width: 0;
|
|
5040
|
+
overflow: hidden;
|
|
5041
5041
|
}
|
|
5042
5042
|
& > *:nth-child(2) {
|
|
5043
|
-
|
|
5044
|
-
left: 50%;
|
|
5045
|
-
top: 50%;
|
|
5046
|
-
z-index: 1;
|
|
5047
|
-
transform: translate(-50%, -50%);
|
|
5048
|
-
width: max-content;
|
|
5049
|
-
max-width: 100%;
|
|
5050
|
-
pointer-events: none;
|
|
5051
|
-
|
|
5052
|
-
& > * {
|
|
5053
|
-
pointer-events: auto;
|
|
5054
|
-
}
|
|
5043
|
+
justify-self: center;
|
|
5055
5044
|
}
|
|
5056
5045
|
& > *:nth-child(3) {
|
|
5057
|
-
position: relative;
|
|
5058
|
-
z-index: 2;
|
|
5059
|
-
flex-shrink: 0;
|
|
5060
5046
|
display: flex;
|
|
5061
5047
|
align-items: center;
|
|
5062
5048
|
justify-content: flex-end;
|
|
5049
|
+
min-width: 0;
|
|
5050
|
+
overflow: hidden;
|
|
5063
5051
|
}
|
|
5064
5052
|
`}
|
|
5065
5053
|
|
package/dist/index.js
CHANGED
|
@@ -4998,41 +4998,29 @@ var PaginationWrapper = styled6.div`
|
|
|
4998
4998
|
width: 100%;
|
|
4999
4999
|
justify-content: space-between;
|
|
5000
5000
|
|
|
5001
|
-
/* Shopl:
|
|
5001
|
+
/* Shopl: 좌/우 아이템 폭과 개수와 무관하게 네비를 고정 중앙에 둔다. */
|
|
5002
5002
|
${({ $centerNav }) => $centerNav && css`
|
|
5003
|
-
|
|
5004
|
-
|
|
5003
|
+
display: grid;
|
|
5004
|
+
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
|
|
5005
|
+
align-items: center;
|
|
5006
|
+
column-gap: 8px;
|
|
5005
5007
|
|
|
5006
|
-
/* div → nav → div 이므로 nth-of-type(2)는 두 번째 div(우측)만 잡힘 → 반드시 nth-child */
|
|
5007
5008
|
& > *:nth-child(1) {
|
|
5008
|
-
position: relative;
|
|
5009
|
-
z-index: 2;
|
|
5010
|
-
flex-shrink: 0;
|
|
5011
5009
|
display: flex;
|
|
5012
5010
|
align-items: center;
|
|
5013
5011
|
justify-content: flex-start;
|
|
5012
|
+
min-width: 0;
|
|
5013
|
+
overflow: hidden;
|
|
5014
5014
|
}
|
|
5015
5015
|
& > *:nth-child(2) {
|
|
5016
|
-
|
|
5017
|
-
left: 50%;
|
|
5018
|
-
top: 50%;
|
|
5019
|
-
z-index: 1;
|
|
5020
|
-
transform: translate(-50%, -50%);
|
|
5021
|
-
width: max-content;
|
|
5022
|
-
max-width: 100%;
|
|
5023
|
-
pointer-events: none;
|
|
5024
|
-
|
|
5025
|
-
& > * {
|
|
5026
|
-
pointer-events: auto;
|
|
5027
|
-
}
|
|
5016
|
+
justify-self: center;
|
|
5028
5017
|
}
|
|
5029
5018
|
& > *:nth-child(3) {
|
|
5030
|
-
position: relative;
|
|
5031
|
-
z-index: 2;
|
|
5032
|
-
flex-shrink: 0;
|
|
5033
5019
|
display: flex;
|
|
5034
5020
|
align-items: center;
|
|
5035
5021
|
justify-content: flex-end;
|
|
5022
|
+
min-width: 0;
|
|
5023
|
+
overflow: hidden;
|
|
5036
5024
|
}
|
|
5037
5025
|
`}
|
|
5038
5026
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shoplflow/base",
|
|
3
|
-
"version": "0.46.
|
|
3
|
+
"version": "0.46.27",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -93,8 +93,8 @@
|
|
|
93
93
|
"react-dom": "^18.2.0",
|
|
94
94
|
"simplebar-react": "^3.2.6",
|
|
95
95
|
"@shoplflow/hada-assets": "^0.1.10",
|
|
96
|
-
"@shoplflow/
|
|
97
|
-
"@shoplflow/
|
|
96
|
+
"@shoplflow/utils": "^0.8.0",
|
|
97
|
+
"@shoplflow/shopl-assets": "^0.12.43"
|
|
98
98
|
},
|
|
99
99
|
"homepage": "https://github.com/shopl/shoplflow#readme",
|
|
100
100
|
"scripts": {
|