@remember-web/primitive 0.0.0-alpha.4 → 0.0.0-alpha.5
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/primitive/src/Avatars/Avatar/index.cjs +2 -2
- package/dist/primitive/src/Avatars/Avatar/index.js +2 -2
- package/dist/primitive/src/index.cjs +0 -18
- package/dist/primitive/src/index.cjs.map +1 -1
- package/dist/primitive/src/index.d.ts +0 -1
- package/dist/primitive/src/index.d.ts.map +1 -1
- package/dist/primitive/src/index.js +0 -7
- package/dist/primitive/src/index.js.map +1 -1
- package/package.json +5 -5
- package/src/index.ts +0 -1
- package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts +0 -47
- package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/const.cjs +0 -23
- package/dist/primitive/src/Gnb/const.cjs.map +0 -1
- package/dist/primitive/src/Gnb/const.d.ts +0 -13
- package/dist/primitive/src/Gnb/const.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/const.js +0 -21
- package/dist/primitive/src/Gnb/const.js.map +0 -1
- package/dist/primitive/src/Gnb/css.cjs +0 -24
- package/dist/primitive/src/Gnb/css.cjs.map +0 -1
- package/dist/primitive/src/Gnb/css.d.ts +0 -7
- package/dist/primitive/src/Gnb/css.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/css.js +0 -14
- package/dist/primitive/src/Gnb/css.js.map +0 -1
- package/dist/primitive/src/Gnb/index.cjs +0 -63
- package/dist/primitive/src/Gnb/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/index.d.ts +0 -24
- package/dist/primitive/src/Gnb/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/index.js +0 -47
- package/dist/primitive/src/Gnb/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs +0 -41
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts +0 -8
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.js +0 -31
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.d.ts +0 -12
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.cjs +0 -47
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.d.ts +0 -34
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.js +0 -40
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs +0 -30
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts +0 -7
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js +0 -23
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs +0 -27
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts +0 -18
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js +0 -17
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts +0 -12
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.cjs +0 -43
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.d.ts +0 -22
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.js +0 -36
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs +0 -28
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts +0 -9
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js +0 -19
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts +0 -14
- package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.cjs +0 -57
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.d.ts +0 -26
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.js +0 -50
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.cjs +0 -50
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.d.ts +0 -14
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.js +0 -43
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.cjs +0 -49
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.d.ts +0 -20
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.js +0 -32
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/GnbProfile.stories.d.ts +0 -31
- package/dist/primitive/src/Gnb/parts/GnbProfile/GnbProfile.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.cjs +0 -64
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.d.ts +0 -25
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.js +0 -55
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs +0 -33
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.d.ts +0 -4
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.js +0 -27
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.cjs +0 -31
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.d.ts +0 -10
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.js +0 -25
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.cjs +0 -33
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.d.ts +0 -8
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.js +0 -27
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.cjs +0 -32
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.d.ts +0 -9
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.js +0 -25
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.cjs +0 -52
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.d.ts +0 -7
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.js +0 -50
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.cjs +0 -43
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.d.ts +0 -17
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.js +0 -26
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/types.d.ts +0 -11
- package/dist/primitive/src/Gnb/parts/GnbProfile/types.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/style.cjs +0 -44
- package/dist/primitive/src/Gnb/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/style.d.ts +0 -15
- package/dist/primitive/src/Gnb/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/style.js +0 -26
- package/dist/primitive/src/Gnb/style.js.map +0 -1
- package/src/Gnb/GnbComplete.stories.tsx +0 -758
- package/src/Gnb/const.ts +0 -22
- package/src/Gnb/css.tsx +0 -94
- package/src/Gnb/index.tsx +0 -70
- package/src/Gnb/parts/GnbDropdownLinkItem/index.tsx +0 -37
- package/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.tsx +0 -90
- package/src/Gnb/parts/GnbHamburgerMenu/index.tsx +0 -48
- package/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.tsx +0 -20
- package/src/Gnb/parts/GnbHamburgerMenu/style.tsx +0 -99
- package/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.tsx +0 -47
- package/src/Gnb/parts/GnbHoverSubNavi/index.tsx +0 -44
- package/src/Gnb/parts/GnbHoverSubNavi/style.tsx +0 -42
- package/src/Gnb/parts/GnbNotification/GnbNotification.stories.tsx +0 -234
- package/src/Gnb/parts/GnbNotification/index.tsx +0 -60
- package/src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx +0 -62
- package/src/Gnb/parts/GnbNotification/style.tsx +0 -149
- package/src/Gnb/parts/GnbProfile/GnbProfile.stories.tsx +0 -156
- package/src/Gnb/parts/GnbProfile/index.tsx +0 -65
- package/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.tsx +0 -20
- package/src/Gnb/parts/GnbProfile/parts/MyInfo.tsx +0 -25
- package/src/Gnb/parts/GnbProfile/parts/MyPasses.tsx +0 -25
- package/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.tsx +0 -26
- package/src/Gnb/parts/GnbProfile/parts/UserShortInfo.tsx +0 -45
- package/src/Gnb/parts/GnbProfile/style.ts +0 -117
- package/src/Gnb/parts/GnbProfile/types.ts +0 -12
- package/src/Gnb/style.tsx +0 -316
|
@@ -36,7 +36,7 @@ var Avatar = function Avatar(_ref, ref) {
|
|
|
36
36
|
})
|
|
37
37
|
});
|
|
38
38
|
};
|
|
39
|
-
var
|
|
39
|
+
var index = /*#__PURE__*/react.forwardRef(Avatar);
|
|
40
40
|
|
|
41
|
-
module.exports =
|
|
41
|
+
module.exports = index;
|
|
42
42
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -34,7 +34,7 @@ var Avatar = function Avatar(_ref, ref) {
|
|
|
34
34
|
})
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
-
var
|
|
37
|
+
var index = /*#__PURE__*/forwardRef(Avatar);
|
|
38
38
|
|
|
39
|
-
export {
|
|
39
|
+
export { index as default };
|
|
40
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -25,13 +25,6 @@ var index$g = require('./Inputs/Select/index.cjs');
|
|
|
25
25
|
var index$h = require('./Floating/Tooltip/index.cjs');
|
|
26
26
|
var index$i = require('./Floating/Popover/index.cjs');
|
|
27
27
|
var index$j = require('./Floating/DropdownMenu/index.cjs');
|
|
28
|
-
var index$k = require('./Gnb/index.cjs');
|
|
29
|
-
var _const = require('./Gnb/const.cjs');
|
|
30
|
-
var style = require('./Gnb/style.cjs');
|
|
31
|
-
var index$l = require('./Gnb/parts/GnbHoverSubNavi/index.cjs');
|
|
32
|
-
var index$m = require('./Gnb/parts/GnbHamburgerMenu/index.cjs');
|
|
33
|
-
var index$n = require('./Gnb/parts/GnbNotification/index.cjs');
|
|
34
|
-
var index$o = require('./Gnb/parts/GnbProfile/index.cjs');
|
|
35
28
|
|
|
36
29
|
|
|
37
30
|
|
|
@@ -64,15 +57,4 @@ exports.Select = index$g;
|
|
|
64
57
|
exports.Tooltip = index$h;
|
|
65
58
|
exports.Popover = index$i;
|
|
66
59
|
exports.DropdownMenu = index$j;
|
|
67
|
-
exports.Gnb = index$k.Gnb;
|
|
68
|
-
Object.defineProperty(exports, "GNB_VARS", {
|
|
69
|
-
enumerable: true,
|
|
70
|
-
get: function () { return _const.GNB_VARS; }
|
|
71
|
-
});
|
|
72
|
-
exports.dataAttrs = _const.dataAttrs;
|
|
73
|
-
exports.StyledDefaultIconButton = style.StyledDefaultIconButton;
|
|
74
|
-
exports.GnbHoverSubNavi = index$l.GnbHoverSubNavi;
|
|
75
|
-
exports.GnbHamburgerMenu = index$m.GnbHamburgerMenu;
|
|
76
|
-
exports.GnbNotification = index$n.GnbNotification;
|
|
77
|
-
exports.GnbProfile = index$o.GnbProfile;
|
|
78
60
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
|
|
@@ -23,11 +23,4 @@ export { default as Select } from './Inputs/Select/index.js';
|
|
|
23
23
|
export { default as Tooltip } from './Floating/Tooltip/index.js';
|
|
24
24
|
export { default as Popover } from './Floating/Popover/index.js';
|
|
25
25
|
export { default as DropdownMenu } from './Floating/DropdownMenu/index.js';
|
|
26
|
-
export { Gnb } from './Gnb/index.js';
|
|
27
|
-
export { GNB_VARS, dataAttrs } from './Gnb/const.js';
|
|
28
|
-
export { StyledDefaultIconButton } from './Gnb/style.js';
|
|
29
|
-
export { GnbHoverSubNavi } from './Gnb/parts/GnbHoverSubNavi/index.js';
|
|
30
|
-
export { GnbHamburgerMenu } from './Gnb/parts/GnbHamburgerMenu/index.js';
|
|
31
|
-
export { GnbNotification } from './Gnb/parts/GnbNotification/index.js';
|
|
32
|
-
export { GnbProfile } from './Gnb/parts/GnbProfile/index.js';
|
|
33
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remember-web/primitive",
|
|
3
|
-
"version": "0.0.0-alpha.
|
|
3
|
+
"version": "0.0.0-alpha.5",
|
|
4
4
|
"description": "RUI Primitive Components",
|
|
5
5
|
"homepage": "https://dramancompany.github.io/rui/",
|
|
6
6
|
"author": "Remember",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"registry": "https://registry.npmjs.org/"
|
|
15
15
|
},
|
|
16
16
|
"scripts": {
|
|
17
|
-
"build": "rollup -c && yarn fix:dts-alias",
|
|
17
|
+
"build": "rollup -c ./rollup.config.js && yarn fix:dts-alias",
|
|
18
18
|
"fix:dts-alias": "yarn tsc-alias -p tsconfig.alias.json",
|
|
19
19
|
"type-check": "tsc -p ./tsconfig.json",
|
|
20
20
|
"lint": "eslint src --fix --ext .js,.jsx,.ts,.tsx"
|
|
@@ -42,7 +42,9 @@
|
|
|
42
42
|
"@radix-ui/react-popover": "^1",
|
|
43
43
|
"@radix-ui/react-separator": "^1",
|
|
44
44
|
"@radix-ui/react-switch": "^1",
|
|
45
|
-
"@radix-ui/react-tooltip": "^1.0.7"
|
|
45
|
+
"@radix-ui/react-tooltip": "^1.0.7",
|
|
46
|
+
"@remember-web/icon": "^0.1.1",
|
|
47
|
+
"@remember-web/mixin": "^0.1.4"
|
|
46
48
|
},
|
|
47
49
|
"devDependencies": {
|
|
48
50
|
"@babel/core": "^7.20.12",
|
|
@@ -50,8 +52,6 @@
|
|
|
50
52
|
"@babel/preset-env": "^7.22.9",
|
|
51
53
|
"@babel/preset-react": "^7.22.5",
|
|
52
54
|
"@babel/preset-typescript": "^7.22.5",
|
|
53
|
-
"@remember-web/icon": "^0.1.1",
|
|
54
|
-
"@remember-web/mixin": "^0.1.4",
|
|
55
55
|
"@remember-web/shared": "workspace:^",
|
|
56
56
|
"@rollup/plugin-babel": "^6.0.4",
|
|
57
57
|
"@rollup/plugin-commonjs": "^25.0.7",
|
package/src/index.ts
CHANGED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
declare const meta: {
|
|
2
|
-
readonly parameters: {
|
|
3
|
-
readonly layout: "fullscreen";
|
|
4
|
-
};
|
|
5
|
-
readonly title: "Gnb/Gnb";
|
|
6
|
-
readonly argTypes: {
|
|
7
|
-
readonly login: {
|
|
8
|
-
readonly control: "radio";
|
|
9
|
-
readonly options: readonly ["로그인", "비로그인"];
|
|
10
|
-
};
|
|
11
|
-
readonly profileType: {
|
|
12
|
-
readonly if: {
|
|
13
|
-
readonly arg: "login";
|
|
14
|
-
readonly eq: "로그인";
|
|
15
|
-
};
|
|
16
|
-
readonly control: "radio";
|
|
17
|
-
readonly options: readonly ["B2B", "B2C", "B2C_EMPTY"];
|
|
18
|
-
};
|
|
19
|
-
readonly profileImage: {
|
|
20
|
-
readonly if: {
|
|
21
|
-
readonly arg: "profileType";
|
|
22
|
-
};
|
|
23
|
-
readonly control: "radio";
|
|
24
|
-
readonly options: readonly [undefined, "있음"];
|
|
25
|
-
};
|
|
26
|
-
readonly isNotificationEmpty: {
|
|
27
|
-
readonly control: "radio";
|
|
28
|
-
readonly options: readonly [true, false];
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
readonly args: {
|
|
32
|
-
readonly login: "로그인";
|
|
33
|
-
readonly profileType: "B2C";
|
|
34
|
-
readonly isNotificationEmpty: true;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
export default meta;
|
|
38
|
-
type Args = {
|
|
39
|
-
login: (typeof meta)['argTypes']['login']['options'][number];
|
|
40
|
-
profileType: (typeof meta)['argTypes']['profileType']['options'][number];
|
|
41
|
-
profileImage: (typeof meta)['argTypes']['profileImage']['options'][number];
|
|
42
|
-
isNotificationEmpty: (typeof meta)['argTypes']['isNotificationEmpty']['options'][number];
|
|
43
|
-
};
|
|
44
|
-
export declare const Basic: {
|
|
45
|
-
readonly render: ({ login, profileType, profileImage }: Args) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=GnbComplete.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GnbComplete.stories.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/GnbComplete.stories.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BA,CAAC;AAEX,eAAe,IAAI,CAAC;AAEpB,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACzE,YAAY,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3E,mBAAmB,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,qBAAqB,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;CAC1F,CAAC;AAEF,eAAO,MAAM,KAAK;4DAC6B,IAAI;CAsTzC,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.GNB_VARS = void 0;
|
|
4
|
-
(function (_GNB_VARS) {
|
|
5
|
-
_GNB_VARS.MAX_CONTENT_WIDTH = '1120px';
|
|
6
|
-
_GNB_VARS.Z_INDEX = 9700;
|
|
7
|
-
_GNB_VARS.HEIGHT = '60px';
|
|
8
|
-
})(exports.GNB_VARS || (exports.GNB_VARS = {}));
|
|
9
|
-
var dataAttrs = {
|
|
10
|
-
// 모바일 사이즈 에서만 보임 (boolean)
|
|
11
|
-
onlyMobile: 'data-only-mobile',
|
|
12
|
-
// 데스크탑 사이즈 에서만 보임 (boolean)
|
|
13
|
-
onlyDesktop: 'data-only-desktop',
|
|
14
|
-
// 모바일 popover가 열려있는 경우 숨김 (boolean)
|
|
15
|
-
isPopoverHidden: 'data-is-mobile-popover-hidden',
|
|
16
|
-
// 모바일 popover시에만 보이는 gnb 닫기 버튼 (boolean)
|
|
17
|
-
mobilePopoverCloseButton: 'data-mobile-popover-close-button',
|
|
18
|
-
// 모바일일시 풀로 차게 함 (boolean)
|
|
19
|
-
mobileFullover: 'data-mobile-fullover'
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.dataAttrs = dataAttrs;
|
|
23
|
-
//# sourceMappingURL=const.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"const.cjs","sources":["../../../../src/Gnb/const.ts"],"sourcesContent":["export module GNB_VARS {\n export const MAX_CONTENT_WIDTH = '1120px';\n export const Z_INDEX = 9700;\n export const HEIGHT = '60px';\n}\n\nexport const dataAttrs = {\n // 모바일 사이즈 에서만 보임 (boolean)\n onlyMobile: 'data-only-mobile',\n\n // 데스크탑 사이즈 에서만 보임 (boolean)\n onlyDesktop: 'data-only-desktop',\n\n // 모바일 popover가 열려있는 경우 숨김 (boolean)\n isPopoverHidden: 'data-is-mobile-popover-hidden',\n\n // 모바일 popover시에만 보이는 gnb 닫기 버튼 (boolean)\n mobilePopoverCloseButton: 'data-mobile-popover-close-button',\n\n // 모바일일시 풀로 차게 함 (boolean)\n mobileFullover: 'data-mobile-fullover',\n} as const;\n"],"names":["GNB_VARS","_GNB_VARS","MAX_CONTENT_WIDTH","Z_INDEX","HEIGHT","dataAttrs","onlyMobile","onlyDesktop","isPopoverHidden","mobilePopoverCloseButton","mobileFullover"],"mappings":";;AAAcA,0BAAQ;AAAA,CAAA,UAAAC,SAAA,EAAA;AACb,EAAuBA,SAAA,CAAAC,iBAAA,GAAG,SAAQ;AAClC,EAAaD,SAAA,CAAAE,OAAA,GAAG,KAAI;AACpB,EAAYF,SAAA,CAAAG,MAAA,GAAG,OAAM;AAAC,CAHjBJ,EAAAA,gBAAQ,KAARA,gBAAQ,GAAA,EAAA,CAAA,CAAA,CAAA;AAMf,IAAMK,SAAS,GAAG;AACvB;AACAC,EAAAA,UAAU,EAAE,kBAAkB;AAE9B;AACAC,EAAAA,WAAW,EAAE,mBAAmB;AAEhC;AACAC,EAAAA,eAAe,EAAE,+BAA+B;AAEhD;AACAC,EAAAA,wBAAwB,EAAE,kCAAkC;AAE5D;AACAC,EAAAA,cAAc,EAAE,sBAAA;AAClB;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare namespace GNB_VARS {
|
|
2
|
-
const MAX_CONTENT_WIDTH = "1120px";
|
|
3
|
-
const Z_INDEX = 9700;
|
|
4
|
-
const HEIGHT = "60px";
|
|
5
|
-
}
|
|
6
|
-
export declare const dataAttrs: {
|
|
7
|
-
readonly onlyMobile: "data-only-mobile";
|
|
8
|
-
readonly onlyDesktop: "data-only-desktop";
|
|
9
|
-
readonly isPopoverHidden: "data-is-mobile-popover-hidden";
|
|
10
|
-
readonly mobilePopoverCloseButton: "data-mobile-popover-close-button";
|
|
11
|
-
readonly mobileFullover: "data-mobile-fullover";
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=const.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/const.ts"],"names":[],"mappings":"AAAA,yBAAc,QAAQ,CAAC;IACd,MAAM,iBAAiB,WAAW,CAAC;IACnC,MAAM,OAAO,OAAO,CAAC;IACrB,MAAM,MAAM,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS;;;;;;CAeZ,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
var GNB_VARS;
|
|
2
|
-
(function (_GNB_VARS) {
|
|
3
|
-
_GNB_VARS.MAX_CONTENT_WIDTH = '1120px';
|
|
4
|
-
_GNB_VARS.Z_INDEX = 9700;
|
|
5
|
-
_GNB_VARS.HEIGHT = '60px';
|
|
6
|
-
})(GNB_VARS || (GNB_VARS = {}));
|
|
7
|
-
var dataAttrs = {
|
|
8
|
-
// 모바일 사이즈 에서만 보임 (boolean)
|
|
9
|
-
onlyMobile: 'data-only-mobile',
|
|
10
|
-
// 데스크탑 사이즈 에서만 보임 (boolean)
|
|
11
|
-
onlyDesktop: 'data-only-desktop',
|
|
12
|
-
// 모바일 popover가 열려있는 경우 숨김 (boolean)
|
|
13
|
-
isPopoverHidden: 'data-is-mobile-popover-hidden',
|
|
14
|
-
// 모바일 popover시에만 보이는 gnb 닫기 버튼 (boolean)
|
|
15
|
-
mobilePopoverCloseButton: 'data-mobile-popover-close-button',
|
|
16
|
-
// 모바일일시 풀로 차게 함 (boolean)
|
|
17
|
-
mobileFullover: 'data-mobile-fullover'
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { GNB_VARS, dataAttrs };
|
|
21
|
-
//# sourceMappingURL=const.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"const.js","sources":["../../../../src/Gnb/const.ts"],"sourcesContent":["export module GNB_VARS {\n export const MAX_CONTENT_WIDTH = '1120px';\n export const Z_INDEX = 9700;\n export const HEIGHT = '60px';\n}\n\nexport const dataAttrs = {\n // 모바일 사이즈 에서만 보임 (boolean)\n onlyMobile: 'data-only-mobile',\n\n // 데스크탑 사이즈 에서만 보임 (boolean)\n onlyDesktop: 'data-only-desktop',\n\n // 모바일 popover가 열려있는 경우 숨김 (boolean)\n isPopoverHidden: 'data-is-mobile-popover-hidden',\n\n // 모바일 popover시에만 보이는 gnb 닫기 버튼 (boolean)\n mobilePopoverCloseButton: 'data-mobile-popover-close-button',\n\n // 모바일일시 풀로 차게 함 (boolean)\n mobileFullover: 'data-mobile-fullover',\n} as const;\n"],"names":["GNB_VARS","_GNB_VARS","MAX_CONTENT_WIDTH","Z_INDEX","HEIGHT","dataAttrs","onlyMobile","onlyDesktop","isPopoverHidden","mobilePopoverCloseButton","mobileFullover"],"mappings":"IAAcA,SAAQ;AAAA,CAAA,UAAAC,SAAA,EAAA;AACb,EAAuBA,SAAA,CAAAC,iBAAA,GAAG,SAAQ;AAClC,EAAaD,SAAA,CAAAE,OAAA,GAAG,KAAI;AACpB,EAAYF,SAAA,CAAAG,MAAA,GAAG,OAAM;AAAC,CAHjBJ,EAAAA,QAAQ,KAARA,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA;AAMf,IAAMK,SAAS,GAAG;AACvB;AACAC,EAAAA,UAAU,EAAE,kBAAkB;AAE9B;AACAC,EAAAA,WAAW,EAAE,mBAAmB;AAEhC;AACAC,EAAAA,eAAe,EAAE,+BAA+B;AAEhD;AACAC,EAAAA,wBAAwB,EAAE,kCAAkC;AAE5D;AACAC,EAAAA,cAAc,EAAE,sBAAA;AAClB;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
4
|
-
var styled = require('styled-components');
|
|
5
|
-
var mixin = require('@remember-web/mixin');
|
|
6
|
-
|
|
7
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
|
|
10
|
-
|
|
11
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
12
|
-
var fullPopoverContentCss = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n position: relative;\n box-sizing: border-box;\n\n max-height: calc(var(--radix-popper-available-height) - 16px);\n width: 100%;\n height: 100%;\n overflow-y: auto;\n overscroll-behavior: contain;\n\n background-color: ", ";\n"])), mixin.contents999);
|
|
13
|
-
var dataResponsiveCss = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n [data-only-mobile='true'] {\n display: none;\n }\n\n // \uBAA8\uBC14\uC77C \uBC18\uC751\uD615 \uC2A4\uD0C0\uC77C\n ", "\n"])), mixin.mobileOnly(styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n [data-only-desktop='true'] {\n display: none;\n }\n [data-only-mobile='true'] {\n display: inherit;\n }\n "])))));
|
|
14
|
-
var defaultGridButtonCss = styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n // reset\n -webkit-appearance: none;\n text-align: inherit;\n box-shadow: none;\n padding: 0;\n border: none;\n font: inherit;\n appearance: none;\n\n box-sizing: border-box;\n\n display: grid;\n place-items: center;\n\n cursor: pointer;\n border-radius: 4px;\n outline: none;\n\n color: ", ";\n background: ", ";\n"])), mixin.primary100, mixin.contents999);
|
|
15
|
-
styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"])), defaultGridButtonCss, mixin.contents100, mixin.contents150);
|
|
16
|
-
var defaultNaviLinkCss = styled.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n &:focus-visible {\n outline: none;\n }\n"])), mixin.contents000);
|
|
17
|
-
var naviLinkCss = styled.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n ", ";\n\n transition: color 0.1s;\n will-change: color;\n\n &:hover,\n &:focus-visible {\n color: ", ";\n }\n"])), defaultNaviLinkCss, mixin.contents150);
|
|
18
|
-
|
|
19
|
-
exports.dataResponsiveCss = dataResponsiveCss;
|
|
20
|
-
exports.defaultGridButtonCss = defaultGridButtonCss;
|
|
21
|
-
exports.defaultNaviLinkCss = defaultNaviLinkCss;
|
|
22
|
-
exports.fullPopoverContentCss = fullPopoverContentCss;
|
|
23
|
-
exports.naviLinkCss = naviLinkCss;
|
|
24
|
-
//# sourceMappingURL=css.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"css.cjs","sources":["../../../../src/Gnb/css.tsx"],"sourcesContent":["import { css } from 'styled-components';\n\nimport {\n contents000,\n contents100,\n contents150,\n contents999,\n mobileOnly,\n primary100,\n} from '@remember-web/mixin';\n\nexport const fullPopoverContentCss = css`\n position: relative;\n box-sizing: border-box;\n\n max-height: calc(var(--radix-popper-available-height) - 16px);\n width: 100%;\n height: 100%;\n overflow-y: auto;\n overscroll-behavior: contain;\n\n background-color: ${contents999};\n`;\n\nexport const dataResponsiveCss = css`\n [data-only-mobile='true'] {\n display: none;\n }\n\n // 모바일 반응형 스타일\n ${mobileOnly(css`\n [data-only-desktop='true'] {\n display: none;\n }\n [data-only-mobile='true'] {\n display: inherit;\n }\n `)}\n`;\n\nexport const defaultGridButtonCss = css`\n // reset\n -webkit-appearance: none;\n text-align: inherit;\n box-shadow: none;\n padding: 0;\n border: none;\n font: inherit;\n appearance: none;\n\n box-sizing: border-box;\n\n display: grid;\n place-items: center;\n\n cursor: pointer;\n border-radius: 4px;\n outline: none;\n\n color: ${primary100};\n background: ${contents999};\n`;\nexport const defaultInteractiveButton = css`\n ${defaultGridButtonCss};\n\n &:hover {\n color: ${contents100};\n }\n\n &:active {\n color: ${contents150};\n }\n`;\n\nexport const defaultNaviLinkCss = css`\n box-sizing: border-box;\n text-decoration: none;\n color: ${contents000};\n\n &:focus-visible {\n outline: none;\n }\n`;\nexport const naviLinkCss = css`\n ${defaultNaviLinkCss};\n\n transition: color 0.1s;\n will-change: color;\n\n &:hover,\n &:focus-visible {\n color: ${contents150};\n }\n`;\n"],"names":["fullPopoverContentCss","css","_templateObject","_taggedTemplateLiteral","contents999","dataResponsiveCss","_templateObject2","mobileOnly","_templateObject3","defaultGridButtonCss","_templateObject4","primary100","_templateObject5","contents100","contents150","defaultNaviLinkCss","_templateObject6","contents000","naviLinkCss","_templateObject7"],"mappings":";;;;;;;;;;;AAWaA,IAAAA,qBAAqB,GAAGC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAUlBC,CAAAA,uOAAAA,EAAAA,KAAAA,CAAAA,CAAAA,CAAAA,EAAAA,iBAAW,EAChC;AAEM,IAAMC,iBAAiB,GAAGJ,UAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,uCAAA,CAAA,CAAA,+HAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAMhCI,gBAAU,CAACN,UAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,uCAAA,CAOf,CAAA,sIAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EACH;AAEYM,IAAAA,oBAAoB,GAAGR,UAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,CAAA,CAAA,oTAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAmB5BQ,gBAAU,EACLP,iBAAW,EAC1B;AACuCH,UAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAT,uCAAA,iGACvCM,oBAAoB,EAGXI,iBAAW,EAIXC,iBAAW,EAEvB;AAEYC,IAAAA,kBAAkB,GAAGd,UAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,uCAAA,CAG1Bc,CAAAA,kEAAAA,EAAAA,qDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,iBAAW,EAKrB;AACYC,IAAAA,WAAW,GAAGjB,UAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,uCAAA,CAAA,CAAA,MAAA,EAAA,uGAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAC1BY,kBAAkB,EAOTD,iBAAW;;;;;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const fullPopoverContentCss: import("styled-components").RuleSet<object>;
|
|
2
|
-
export declare const dataResponsiveCss: import("styled-components").RuleSet<object>;
|
|
3
|
-
export declare const defaultGridButtonCss: import("styled-components").RuleSet<object>;
|
|
4
|
-
export declare const defaultInteractiveButton: import("styled-components").RuleSet<object>;
|
|
5
|
-
export declare const defaultNaviLinkCss: import("styled-components").RuleSet<object>;
|
|
6
|
-
export declare const naviLinkCss: import("styled-components").RuleSet<object>;
|
|
7
|
-
//# sourceMappingURL=css.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/css.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,6CAWjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,6CAc7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6CAqBhC,CAAC;AACF,eAAO,MAAM,wBAAwB,6CAUpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,6CAQ9B,CAAC;AACF,eAAO,MAAM,WAAW,6CAUvB,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
2
|
-
import { css } from 'styled-components';
|
|
3
|
-
import { contents999, mobileOnly, primary100, contents100, contents150, contents000 } from '@remember-web/mixin';
|
|
4
|
-
|
|
5
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
6
|
-
var fullPopoverContentCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n box-sizing: border-box;\n\n max-height: calc(var(--radix-popper-available-height) - 16px);\n width: 100%;\n height: 100%;\n overflow-y: auto;\n overscroll-behavior: contain;\n\n background-color: ", ";\n"])), contents999);
|
|
7
|
-
var dataResponsiveCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n [data-only-mobile='true'] {\n display: none;\n }\n\n // \uBAA8\uBC14\uC77C \uBC18\uC751\uD615 \uC2A4\uD0C0\uC77C\n ", "\n"])), mobileOnly(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n [data-only-desktop='true'] {\n display: none;\n }\n [data-only-mobile='true'] {\n display: inherit;\n }\n "])))));
|
|
8
|
-
var defaultGridButtonCss = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n // reset\n -webkit-appearance: none;\n text-align: inherit;\n box-shadow: none;\n padding: 0;\n border: none;\n font: inherit;\n appearance: none;\n\n box-sizing: border-box;\n\n display: grid;\n place-items: center;\n\n cursor: pointer;\n border-radius: 4px;\n outline: none;\n\n color: ", ";\n background: ", ";\n"])), primary100, contents999);
|
|
9
|
-
css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"])), defaultGridButtonCss, contents100, contents150);
|
|
10
|
-
var defaultNaviLinkCss = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n &:focus-visible {\n outline: none;\n }\n"])), contents000);
|
|
11
|
-
var naviLinkCss = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", ";\n\n transition: color 0.1s;\n will-change: color;\n\n &:hover,\n &:focus-visible {\n color: ", ";\n }\n"])), defaultNaviLinkCss, contents150);
|
|
12
|
-
|
|
13
|
-
export { dataResponsiveCss, defaultGridButtonCss, defaultNaviLinkCss, fullPopoverContentCss, naviLinkCss };
|
|
14
|
-
//# sourceMappingURL=css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","sources":["../../../../src/Gnb/css.tsx"],"sourcesContent":["import { css } from 'styled-components';\n\nimport {\n contents000,\n contents100,\n contents150,\n contents999,\n mobileOnly,\n primary100,\n} from '@remember-web/mixin';\n\nexport const fullPopoverContentCss = css`\n position: relative;\n box-sizing: border-box;\n\n max-height: calc(var(--radix-popper-available-height) - 16px);\n width: 100%;\n height: 100%;\n overflow-y: auto;\n overscroll-behavior: contain;\n\n background-color: ${contents999};\n`;\n\nexport const dataResponsiveCss = css`\n [data-only-mobile='true'] {\n display: none;\n }\n\n // 모바일 반응형 스타일\n ${mobileOnly(css`\n [data-only-desktop='true'] {\n display: none;\n }\n [data-only-mobile='true'] {\n display: inherit;\n }\n `)}\n`;\n\nexport const defaultGridButtonCss = css`\n // reset\n -webkit-appearance: none;\n text-align: inherit;\n box-shadow: none;\n padding: 0;\n border: none;\n font: inherit;\n appearance: none;\n\n box-sizing: border-box;\n\n display: grid;\n place-items: center;\n\n cursor: pointer;\n border-radius: 4px;\n outline: none;\n\n color: ${primary100};\n background: ${contents999};\n`;\nexport const defaultInteractiveButton = css`\n ${defaultGridButtonCss};\n\n &:hover {\n color: ${contents100};\n }\n\n &:active {\n color: ${contents150};\n }\n`;\n\nexport const defaultNaviLinkCss = css`\n box-sizing: border-box;\n text-decoration: none;\n color: ${contents000};\n\n &:focus-visible {\n outline: none;\n }\n`;\nexport const naviLinkCss = css`\n ${defaultNaviLinkCss};\n\n transition: color 0.1s;\n will-change: color;\n\n &:hover,\n &:focus-visible {\n color: ${contents150};\n }\n`;\n"],"names":["fullPopoverContentCss","css","_templateObject","_taggedTemplateLiteral","contents999","dataResponsiveCss","_templateObject2","mobileOnly","_templateObject3","defaultGridButtonCss","_templateObject4","primary100","_templateObject5","contents100","contents150","defaultNaviLinkCss","_templateObject6","contents000","naviLinkCss","_templateObject7"],"mappings":";;;;;AAWaA,IAAAA,qBAAqB,GAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAUlBC,CAAAA,uOAAAA,EAAAA,KAAAA,CAAAA,CAAAA,CAAAA,EAAAA,WAAW,EAChC;AAEM,IAAMC,iBAAiB,GAAGJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,CAAA,CAAA,+HAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAMhCI,UAAU,CAACN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,CAOf,CAAA,sIAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EACH;AAEYM,IAAAA,oBAAoB,GAAGR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,CAAA,CAAA,oTAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAmB5BQ,UAAU,EACLP,WAAW,EAC1B;AACuCH,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,iGACvCM,oBAAoB,EAGXI,WAAW,EAIXC,WAAW,EAEvB;AAEYC,IAAAA,kBAAkB,GAAGd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA,CAG1Bc,CAAAA,kEAAAA,EAAAA,qDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,WAAW,EAKrB;AACYC,IAAAA,WAAW,GAAGjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,CAAA,CAAA,MAAA,EAAA,uGAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAC1BY,kBAAkB,EAOTD,WAAW;;;;"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var style = require('./style.cjs');
|
|
7
|
-
var icon = require('@remember-web/icon');
|
|
8
|
-
var style$1 = require('./parts/GnbHamburgerMenu/style.cjs');
|
|
9
|
-
var _const = require('./const.cjs');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
var index = require('./parts/GnbHoverSubNavi/index.cjs');
|
|
12
|
-
var index$1 = require('./parts/GnbHamburgerMenu/index.cjs');
|
|
13
|
-
var index$2 = require('./parts/GnbNotification/index.cjs');
|
|
14
|
-
var index$3 = require('./parts/GnbProfile/index.cjs');
|
|
15
|
-
|
|
16
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
|
|
18
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
19
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
20
|
-
|
|
21
|
-
var _excluded = ["children"];
|
|
22
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
|
-
var Gnb = Object.assign( /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
25
|
-
var children = _ref.children,
|
|
26
|
-
props = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
27
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
28
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledGnbRoot, _objectSpread(_objectSpread({
|
|
29
|
-
ref: ref
|
|
30
|
-
}, props), {}, {
|
|
31
|
-
children: children
|
|
32
|
-
})), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33
|
-
className: "gnb-spacer"
|
|
34
|
-
})]
|
|
35
|
-
});
|
|
36
|
-
}), {
|
|
37
|
-
NaviLink: style.GnbNaviLink,
|
|
38
|
-
Content: style.StyledGnbContent,
|
|
39
|
-
ContentLeft: style.StyledGnbContentLeft,
|
|
40
|
-
ContentRight: style.StyledGnbContentRight,
|
|
41
|
-
ActionContainer: style.StyledGnbAccountActionContainer,
|
|
42
|
-
LoginButton: style.StyledGnbLoginButton,
|
|
43
|
-
SubLinkText: style$1.StyledGnbSubTextLink,
|
|
44
|
-
CloseButton: function CloseButton(props) {
|
|
45
|
-
return /*#__PURE__*/jsxRuntime.jsx(style.StyledDefaultIconButton, _objectSpread(_objectSpread(_objectSpread({}, _defineProperty__default.default(_defineProperty__default.default({}, _const.dataAttrs.onlyMobile, true), _const.dataAttrs.mobilePopoverCloseButton, true)), props), {}, {
|
|
46
|
-
children: /*#__PURE__*/jsxRuntime.jsx(icon.IconCloseM, {})
|
|
47
|
-
}));
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
Gnb.displayName = 'Gnb';
|
|
51
|
-
|
|
52
|
-
exports.StyledDefaultIconButton = style.StyledDefaultIconButton;
|
|
53
|
-
Object.defineProperty(exports, "GNB_VARS", {
|
|
54
|
-
enumerable: true,
|
|
55
|
-
get: function () { return _const.GNB_VARS; }
|
|
56
|
-
});
|
|
57
|
-
exports.dataAttrs = _const.dataAttrs;
|
|
58
|
-
exports.GnbHoverSubNavi = index.GnbHoverSubNavi;
|
|
59
|
-
exports.GnbHamburgerMenu = index$1.GnbHamburgerMenu;
|
|
60
|
-
exports.GnbNotification = index$2.GnbNotification;
|
|
61
|
-
exports.GnbProfile = index$3.GnbProfile;
|
|
62
|
-
exports.Gnb = Gnb;
|
|
63
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/Gnb/index.tsx"],"sourcesContent":["import type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport {\n GnbNaviLink,\n StyledDefaultIconButton,\n StyledGnbAccountActionContainer,\n StyledGnbContent,\n StyledGnbContentLeft,\n StyledGnbContentRight,\n StyledGnbLoginButton,\n StyledGnbRoot,\n} from '@/Gnb/style';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconCloseM } from '@remember-web/icon';\nimport { StyledGnbSubTextLink } from '@/Gnb/parts/GnbHamburgerMenu/style';\n\nimport { dataAttrs } from './const';\n\nexport * from './parts/GnbHoverSubNavi';\nexport * from './parts/GnbHamburgerMenu';\nexport * from './parts/GnbNotification';\nexport * from './parts/GnbProfile';\n\nexport { GNB_VARS, dataAttrs } from './const';\n\nexport { StyledDefaultIconButton } from '@/Gnb/style';\n\nexport const Gnb = Object.assign(\n forwardRef(\n (\n { children, ...props }: GetStyledComponentProps<typeof StyledGnbRoot>,\n ref: ForwardedRef<HTMLHeadingElement>\n ) => (\n <>\n <StyledGnbRoot ref={ref} {...props}>\n {children}\n </StyledGnbRoot>\n <div className=\"gnb-spacer\" />\n </>\n )\n ),\n {\n NaviLink: GnbNaviLink,\n Content: StyledGnbContent,\n ContentLeft: StyledGnbContentLeft,\n ContentRight: StyledGnbContentRight,\n ActionContainer: StyledGnbAccountActionContainer,\n LoginButton: StyledGnbLoginButton,\n SubLinkText: StyledGnbSubTextLink,\n CloseButton: <As,>(\n props: Omit<\n GetStyledComponentProps<typeof StyledDefaultIconButton, As>,\n 'children'\n >\n ) => (\n <StyledDefaultIconButton\n {...{\n [dataAttrs.onlyMobile]: true,\n [dataAttrs.mobilePopoverCloseButton]: true,\n }}\n {...props}\n >\n <IconCloseM />\n </StyledDefaultIconButton>\n ),\n }\n);\n\nGnb.displayName = 'Gnb';\n"],"names":["Gnb","Object","assign","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_jsxs","_Fragment","_jsx","StyledGnbRoot","_objectSpread","className","NaviLink","GnbNaviLink","Content","StyledGnbContent","ContentLeft","StyledGnbContentLeft","ContentRight","StyledGnbContentRight","ActionContainer","StyledGnbAccountActionContainer","LoginButton","StyledGnbLoginButton","SubLinkText","StyledGnbSubTextLink","CloseButton","StyledDefaultIconButton","_defineProperty","dataAttrs","onlyMobile","mobilePopoverCloseButton","IconCloseM","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BaA,IAAAA,GAAG,GAAGC,MAAM,CAACC,MAAM,eAC9BC,gBAAU,CACR,UAAAC,IAAA,EAEEC,GAAqC,EAAA;AAAA,EAAA,IADnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAGpBC,eAAA,CAAAC,mBAAA,EAAA;AAAAL,IAAAA,QAAA,gBACEM,cAAA,CAACC,mBAAa,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACT,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKE,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAC/BA,QAAAA;KACY,CAAA,CAAC,eAChBM,cAAA,CAAA,KAAA,EAAA;AAAKG,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAC9B,CAAC,CAAA;AAAA,CAEP,CAAC,EACD;AACEC,EAAAA,QAAQ,EAAEC,iBAAW;AACrBC,EAAAA,OAAO,EAAEC,sBAAgB;AACzBC,EAAAA,WAAW,EAAEC,0BAAoB;AACjCC,EAAAA,YAAY,EAAEC,2BAAqB;AACnCC,EAAAA,eAAe,EAAEC,qCAA+B;AAChDC,EAAAA,WAAW,EAAEC,0BAAoB;AACjCC,EAAAA,WAAW,EAAEC,4BAAoB;EACjCC,WAAW,EAAE,SAAAA,WAAAA,CACXvB,KAGC,EAAA;IAAA,oBAEDK,cAAA,CAACmB,6BAAuB,EAAAjB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAkB,EAAAA,EAAAA,gCAAA,CAAAA,gCAAA,KAEnBC,gBAAS,CAACC,UAAU,EAAG,IAAI,CAAA,EAC3BD,gBAAS,CAACE,wBAAwB,EAAG,IAAI,CAAA,CAAA,EAExC5B,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,eAETM,cAAA,CAACwB,eAAU,EAAE,EAAA,CAAA;AAAC,KAAA,CACS,CAAC,CAAA;AAAA,GAAA;AAE9B,CACF,EAAC;AAEDpC,GAAG,CAACqC,WAAW,GAAG,KAAK;;;;;;;;;;;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { StyledDefaultIconButton } from '@/Gnb/style';
|
|
3
|
-
import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
|
|
4
|
-
export * from './parts/GnbHoverSubNavi';
|
|
5
|
-
export * from './parts/GnbHamburgerMenu';
|
|
6
|
-
export * from './parts/GnbNotification';
|
|
7
|
-
export * from './parts/GnbProfile';
|
|
8
|
-
export { GNB_VARS, dataAttrs } from './const';
|
|
9
|
-
export { StyledDefaultIconButton } from '@/Gnb/style';
|
|
10
|
-
export declare const Gnb: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "data-popover-opened"> & {
|
|
11
|
-
'data-popover-opened': boolean;
|
|
12
|
-
}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>> & {
|
|
13
|
-
NaviLink: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
|
|
14
|
-
'data-active'?: boolean | undefined;
|
|
15
|
-
}>>;
|
|
16
|
-
Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
17
|
-
ContentLeft: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
|
|
18
|
-
ContentRight: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
19
|
-
ActionContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
20
|
-
LoginButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
|
|
21
|
-
SubLinkText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
|
|
22
|
-
CloseButton: <As>(props: Omit<GetStyledComponentProps<typeof StyledDefaultIconButton, As>, 'children'>) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,uBAAuB,EAOxB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAMjF,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,GAAG;;;;;;;;;;;;6BAuBH,KACL,wBAAwB,8BAA8B,EAAE,EAAE,CAAC,EAC3D,UAAU,CACX;CAaN,CAAC"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { StyledGnbRoot, GnbNaviLink, StyledGnbContent, StyledGnbContentLeft, StyledGnbContentRight, StyledGnbAccountActionContainer, StyledGnbLoginButton, StyledDefaultIconButton } from './style.js';
|
|
5
|
-
import { IconCloseM } from '@remember-web/icon';
|
|
6
|
-
import { StyledGnbSubTextLink } from './parts/GnbHamburgerMenu/style.js';
|
|
7
|
-
import { dataAttrs } from './const.js';
|
|
8
|
-
export { GNB_VARS } from './const.js';
|
|
9
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
10
|
-
export { GnbHoverSubNavi } from './parts/GnbHoverSubNavi/index.js';
|
|
11
|
-
export { GnbHamburgerMenu } from './parts/GnbHamburgerMenu/index.js';
|
|
12
|
-
export { GnbNotification } from './parts/GnbNotification/index.js';
|
|
13
|
-
export { GnbProfile } from './parts/GnbProfile/index.js';
|
|
14
|
-
|
|
15
|
-
var _excluded = ["children"];
|
|
16
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
var Gnb = Object.assign( /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
19
|
-
var children = _ref.children,
|
|
20
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
22
|
-
children: [/*#__PURE__*/jsx(StyledGnbRoot, _objectSpread(_objectSpread({
|
|
23
|
-
ref: ref
|
|
24
|
-
}, props), {}, {
|
|
25
|
-
children: children
|
|
26
|
-
})), /*#__PURE__*/jsx("div", {
|
|
27
|
-
className: "gnb-spacer"
|
|
28
|
-
})]
|
|
29
|
-
});
|
|
30
|
-
}), {
|
|
31
|
-
NaviLink: GnbNaviLink,
|
|
32
|
-
Content: StyledGnbContent,
|
|
33
|
-
ContentLeft: StyledGnbContentLeft,
|
|
34
|
-
ContentRight: StyledGnbContentRight,
|
|
35
|
-
ActionContainer: StyledGnbAccountActionContainer,
|
|
36
|
-
LoginButton: StyledGnbLoginButton,
|
|
37
|
-
SubLinkText: StyledGnbSubTextLink,
|
|
38
|
-
CloseButton: function CloseButton(props) {
|
|
39
|
-
return /*#__PURE__*/jsx(StyledDefaultIconButton, _objectSpread(_objectSpread(_objectSpread({}, _defineProperty(_defineProperty({}, dataAttrs.onlyMobile, true), dataAttrs.mobilePopoverCloseButton, true)), props), {}, {
|
|
40
|
-
children: /*#__PURE__*/jsx(IconCloseM, {})
|
|
41
|
-
}));
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
Gnb.displayName = 'Gnb';
|
|
45
|
-
|
|
46
|
-
export { Gnb, StyledDefaultIconButton, dataAttrs };
|
|
47
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/Gnb/index.tsx"],"sourcesContent":["import type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport {\n GnbNaviLink,\n StyledDefaultIconButton,\n StyledGnbAccountActionContainer,\n StyledGnbContent,\n StyledGnbContentLeft,\n StyledGnbContentRight,\n StyledGnbLoginButton,\n StyledGnbRoot,\n} from '@/Gnb/style';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconCloseM } from '@remember-web/icon';\nimport { StyledGnbSubTextLink } from '@/Gnb/parts/GnbHamburgerMenu/style';\n\nimport { dataAttrs } from './const';\n\nexport * from './parts/GnbHoverSubNavi';\nexport * from './parts/GnbHamburgerMenu';\nexport * from './parts/GnbNotification';\nexport * from './parts/GnbProfile';\n\nexport { GNB_VARS, dataAttrs } from './const';\n\nexport { StyledDefaultIconButton } from '@/Gnb/style';\n\nexport const Gnb = Object.assign(\n forwardRef(\n (\n { children, ...props }: GetStyledComponentProps<typeof StyledGnbRoot>,\n ref: ForwardedRef<HTMLHeadingElement>\n ) => (\n <>\n <StyledGnbRoot ref={ref} {...props}>\n {children}\n </StyledGnbRoot>\n <div className=\"gnb-spacer\" />\n </>\n )\n ),\n {\n NaviLink: GnbNaviLink,\n Content: StyledGnbContent,\n ContentLeft: StyledGnbContentLeft,\n ContentRight: StyledGnbContentRight,\n ActionContainer: StyledGnbAccountActionContainer,\n LoginButton: StyledGnbLoginButton,\n SubLinkText: StyledGnbSubTextLink,\n CloseButton: <As,>(\n props: Omit<\n GetStyledComponentProps<typeof StyledDefaultIconButton, As>,\n 'children'\n >\n ) => (\n <StyledDefaultIconButton\n {...{\n [dataAttrs.onlyMobile]: true,\n [dataAttrs.mobilePopoverCloseButton]: true,\n }}\n {...props}\n >\n <IconCloseM />\n </StyledDefaultIconButton>\n ),\n }\n);\n\nGnb.displayName = 'Gnb';\n"],"names":["Gnb","Object","assign","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_jsxs","_Fragment","_jsx","StyledGnbRoot","_objectSpread","className","NaviLink","GnbNaviLink","Content","StyledGnbContent","ContentLeft","StyledGnbContentLeft","ContentRight","StyledGnbContentRight","ActionContainer","StyledGnbAccountActionContainer","LoginButton","StyledGnbLoginButton","SubLinkText","StyledGnbSubTextLink","CloseButton","StyledDefaultIconButton","_defineProperty","dataAttrs","onlyMobile","mobilePopoverCloseButton","IconCloseM","displayName"],"mappings":";;;;;;;;;;;;;;;;;AA4BaA,IAAAA,GAAG,GAAGC,MAAM,CAACC,MAAM,eAC9BC,UAAU,CACR,UAAAC,IAAA,EAEEC,GAAqC,EAAA;AAAA,EAAA,IADnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAGpBC,IAAA,CAAAC,QAAA,EAAA;AAAAL,IAAAA,QAAA,gBACEM,GAAA,CAACC,aAAa,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACT,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKE,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAC/BA,QAAAA;KACY,CAAA,CAAC,eAChBM,GAAA,CAAA,KAAA,EAAA;AAAKG,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAC9B,CAAC,CAAA;AAAA,CAEP,CAAC,EACD;AACEC,EAAAA,QAAQ,EAAEC,WAAW;AACrBC,EAAAA,OAAO,EAAEC,gBAAgB;AACzBC,EAAAA,WAAW,EAAEC,oBAAoB;AACjCC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,eAAe,EAAEC,+BAA+B;AAChDC,EAAAA,WAAW,EAAEC,oBAAoB;AACjCC,EAAAA,WAAW,EAAEC,oBAAoB;EACjCC,WAAW,EAAE,SAAAA,WAAAA,CACXvB,KAGC,EAAA;IAAA,oBAEDK,GAAA,CAACmB,uBAAuB,EAAAjB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAkB,EAAAA,EAAAA,eAAA,CAAAA,eAAA,KAEnBC,SAAS,CAACC,UAAU,EAAG,IAAI,CAAA,EAC3BD,SAAS,CAACE,wBAAwB,EAAG,IAAI,CAAA,CAAA,EAExC5B,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,eAETM,GAAA,CAACwB,UAAU,EAAE,EAAA,CAAA;AAAC,KAAA,CACS,CAAC,CAAA;AAAA,GAAA;AAE9B,CACF,EAAC;AAEDpC,GAAG,CAACqC,WAAW,GAAG,KAAK;;;;"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
var styled = require('styled-components');
|
|
7
|
-
var icon = require('@remember-web/icon');
|
|
8
|
-
var mixin = require('@remember-web/mixin');
|
|
9
|
-
var styles = require('../../../Floating/DropdownMenu/styles.cjs');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
|
|
12
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
|
|
14
|
-
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
|
|
15
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
16
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
17
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
18
|
-
|
|
19
|
-
var _templateObject;
|
|
20
|
-
var _excluded = ["children", "hasArrow"];
|
|
21
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
|
-
var GnbDropdownLinkItem = function GnbDropdownLinkItem(_ref) {
|
|
24
|
-
var children = _ref.children,
|
|
25
|
-
_ref$hasArrow = _ref.hasArrow,
|
|
26
|
-
hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
|
|
27
|
-
props = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
28
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledGnbDropdownLinkItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
29
|
-
children: [children, hasArrow && /*#__PURE__*/jsxRuntime.jsx(icon.IconArrow2Right, {
|
|
30
|
-
size: 16,
|
|
31
|
-
color: mixin.contents150
|
|
32
|
-
})]
|
|
33
|
-
}));
|
|
34
|
-
};
|
|
35
|
-
var StyledGnbDropdownLinkItem = styled__default.default.a(function (props) {
|
|
36
|
-
return [styles.getDropdownMenuItemCss(props), styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n box-sizing: border-box;\n display: flex;\n gap: 2px;\n\n ", ";\n\n svg {\n margin-left: auto;\n }\n "])), mixin.getTypographyStyles('ArticleBody'))];
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
exports.GnbDropdownLinkItem = GnbDropdownLinkItem;
|
|
40
|
-
exports.StyledGnbDropdownLinkItem = StyledGnbDropdownLinkItem;
|
|
41
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbDropdownLinkItem/index.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types';\nimport { IconArrow2Right } from '@remember-web/icon';\nimport { contents150, getTypographyStyles } from '@remember-web/mixin';\nimport type { StyledDropdownMenuItemProps } from '@/Floating/DropdownMenu/styles';\nimport { getDropdownMenuItemCss } from '@/Floating/DropdownMenu/styles';\n\nexport const GnbDropdownLinkItem = <As,>({\n children,\n hasArrow = true,\n ...props\n}: GetStyledComponentProps<typeof StyledGnbDropdownLinkItem, As> & {\n hasArrow?: boolean;\n}) => (\n <StyledGnbDropdownLinkItem {...props}>\n {children}\n {hasArrow && <IconArrow2Right size={16} color={contents150} />}\n </StyledGnbDropdownLinkItem>\n);\n\nexport const StyledGnbDropdownLinkItem = styled.a<StyledDropdownMenuItemProps>(\n (props) => [\n getDropdownMenuItemCss(props),\n css`\n box-sizing: border-box;\n display: flex;\n gap: 2px;\n\n ${getTypographyStyles('ArticleBody')};\n\n svg {\n margin-left: auto;\n }\n `,\n ]\n);\n"],"names":["GnbDropdownLinkItem","_ref","children","_ref$hasArrow","hasArrow","props","_objectWithoutProperties","_excluded","_jsxs","StyledGnbDropdownLinkItem","_objectSpread","_jsx","IconArrow2Right","size","color","contents150","styled","a","getDropdownMenuItemCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAQaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,IAAA,CACRG,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;AACZE,IAAAA,KAAK,GAAAC,yCAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAAA,oBAIRC,eAAA,CAACC,yBAAyB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAH,IAAAA,QAAA,GACjCA,QAAQ,EACRE,QAAQ,iBAAIO,cAAA,CAACC,oBAAe,EAAA;AAACC,MAAAA,IAAI,EAAE,EAAG;AAACC,MAAAA,KAAK,EAAEC,iBAAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAAA,CACrC,CAAC,CAAA;AAAA,EAC7B;AAEM,IAAMN,yBAAyB,GAAGO,uBAAM,CAACC,CAAC,CAC/C,UAACZ,KAAK,EAAA;AAAA,EAAA,OAAK,CACTa,6BAAsB,CAACb,KAAK,CAAC,EAC7Bc,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,kFAAA,EAAA,6DAAA,CAAA,CAAA,CAAA,EAKCC,yBAAmB,CAAC,aAAa,CAAC,CAMvC,CAAA,CAAA;AAAA,CACH;;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { GetStyledComponentProps } from '@remember-web/shared/types';
|
|
3
|
-
import type { StyledDropdownMenuItemProps } from '@/Floating/DropdownMenu/styles';
|
|
4
|
-
export declare const GnbDropdownLinkItem: <As>({ children, hasArrow, ...props }: (As extends import("styled-components").WebTarget ? import("styled-components").PolymorphicComponentProps<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledDropdownMenuItemProps>, As, void> : import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, keyof StyledDropdownMenuItemProps> & StyledDropdownMenuItemProps) & {
|
|
5
|
-
hasArrow?: boolean | undefined;
|
|
6
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare const StyledGnbDropdownLinkItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledDropdownMenuItemProps>>;
|
|
8
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbDropdownLinkItem/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG1E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAGlF,eAAO,MAAM,mBAAmB;;6CAW/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,oPAerC,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import styled, { css } from 'styled-components';
|
|
5
|
-
import { IconArrow2Right } from '@remember-web/icon';
|
|
6
|
-
import { getTypographyStyles, contents150 } from '@remember-web/mixin';
|
|
7
|
-
import { getDropdownMenuItemCss } from '../../../Floating/DropdownMenu/styles.js';
|
|
8
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var _templateObject;
|
|
11
|
-
var _excluded = ["children", "hasArrow"];
|
|
12
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
|
-
var GnbDropdownLinkItem = function GnbDropdownLinkItem(_ref) {
|
|
15
|
-
var children = _ref.children,
|
|
16
|
-
_ref$hasArrow = _ref.hasArrow,
|
|
17
|
-
hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
|
|
18
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/jsxs(StyledGnbDropdownLinkItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
20
|
-
children: [children, hasArrow && /*#__PURE__*/jsx(IconArrow2Right, {
|
|
21
|
-
size: 16,
|
|
22
|
-
color: contents150
|
|
23
|
-
})]
|
|
24
|
-
}));
|
|
25
|
-
};
|
|
26
|
-
var StyledGnbDropdownLinkItem = styled.a(function (props) {
|
|
27
|
-
return [getDropdownMenuItemCss(props), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-sizing: border-box;\n display: flex;\n gap: 2px;\n\n ", ";\n\n svg {\n margin-left: auto;\n }\n "])), getTypographyStyles('ArticleBody'))];
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
export { GnbDropdownLinkItem, StyledGnbDropdownLinkItem };
|
|
31
|
-
//# sourceMappingURL=index.js.map
|