@remember-web/primitive 0.0.0-alpha.3 → 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.
Files changed (168) hide show
  1. package/dist/primitive/src/Avatars/Avatar/index.cjs +2 -2
  2. package/dist/primitive/src/Avatars/Avatar/index.js +2 -2
  3. package/dist/primitive/src/index.cjs +0 -18
  4. package/dist/primitive/src/index.cjs.map +1 -1
  5. package/dist/primitive/src/index.d.ts +0 -1
  6. package/dist/primitive/src/index.d.ts.map +1 -1
  7. package/dist/primitive/src/index.js +0 -7
  8. package/dist/primitive/src/index.js.map +1 -1
  9. package/package.json +4 -3
  10. package/src/index.ts +0 -1
  11. package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts +0 -47
  12. package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts.map +0 -1
  13. package/dist/primitive/src/Gnb/const.cjs +0 -23
  14. package/dist/primitive/src/Gnb/const.cjs.map +0 -1
  15. package/dist/primitive/src/Gnb/const.d.ts +0 -13
  16. package/dist/primitive/src/Gnb/const.d.ts.map +0 -1
  17. package/dist/primitive/src/Gnb/const.js +0 -21
  18. package/dist/primitive/src/Gnb/const.js.map +0 -1
  19. package/dist/primitive/src/Gnb/css.cjs +0 -24
  20. package/dist/primitive/src/Gnb/css.cjs.map +0 -1
  21. package/dist/primitive/src/Gnb/css.d.ts +0 -7
  22. package/dist/primitive/src/Gnb/css.d.ts.map +0 -1
  23. package/dist/primitive/src/Gnb/css.js +0 -14
  24. package/dist/primitive/src/Gnb/css.js.map +0 -1
  25. package/dist/primitive/src/Gnb/index.cjs +0 -63
  26. package/dist/primitive/src/Gnb/index.cjs.map +0 -1
  27. package/dist/primitive/src/Gnb/index.d.ts +0 -24
  28. package/dist/primitive/src/Gnb/index.d.ts.map +0 -1
  29. package/dist/primitive/src/Gnb/index.js +0 -47
  30. package/dist/primitive/src/Gnb/index.js.map +0 -1
  31. package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs +0 -41
  32. package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs.map +0 -1
  33. package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts +0 -8
  34. package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts.map +0 -1
  35. package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.js +0 -31
  36. package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.js.map +0 -1
  37. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.d.ts +0 -12
  38. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.d.ts.map +0 -1
  39. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.cjs +0 -47
  40. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.cjs.map +0 -1
  41. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.d.ts +0 -34
  42. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.d.ts.map +0 -1
  43. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.js +0 -40
  44. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.js.map +0 -1
  45. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs +0 -30
  46. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs.map +0 -1
  47. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts +0 -7
  48. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts.map +0 -1
  49. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js +0 -23
  50. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js.map +0 -1
  51. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs +0 -27
  52. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs.map +0 -1
  53. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts +0 -18
  54. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts.map +0 -1
  55. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js +0 -17
  56. package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js.map +0 -1
  57. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts +0 -12
  58. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts.map +0 -1
  59. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.cjs +0 -43
  60. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.cjs.map +0 -1
  61. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.d.ts +0 -22
  62. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.d.ts.map +0 -1
  63. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.js +0 -36
  64. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.js.map +0 -1
  65. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs +0 -28
  66. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs.map +0 -1
  67. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts +0 -9
  68. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts.map +0 -1
  69. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js +0 -19
  70. package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js.map +0 -1
  71. package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts +0 -14
  72. package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts.map +0 -1
  73. package/dist/primitive/src/Gnb/parts/GnbNotification/index.cjs +0 -57
  74. package/dist/primitive/src/Gnb/parts/GnbNotification/index.cjs.map +0 -1
  75. package/dist/primitive/src/Gnb/parts/GnbNotification/index.d.ts +0 -26
  76. package/dist/primitive/src/Gnb/parts/GnbNotification/index.d.ts.map +0 -1
  77. package/dist/primitive/src/Gnb/parts/GnbNotification/index.js +0 -50
  78. package/dist/primitive/src/Gnb/parts/GnbNotification/index.js.map +0 -1
  79. package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.cjs +0 -50
  80. package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.cjs.map +0 -1
  81. package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.d.ts +0 -14
  82. package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.d.ts.map +0 -1
  83. package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.js +0 -43
  84. package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.js.map +0 -1
  85. package/dist/primitive/src/Gnb/parts/GnbNotification/style.cjs +0 -49
  86. package/dist/primitive/src/Gnb/parts/GnbNotification/style.cjs.map +0 -1
  87. package/dist/primitive/src/Gnb/parts/GnbNotification/style.d.ts +0 -20
  88. package/dist/primitive/src/Gnb/parts/GnbNotification/style.d.ts.map +0 -1
  89. package/dist/primitive/src/Gnb/parts/GnbNotification/style.js +0 -32
  90. package/dist/primitive/src/Gnb/parts/GnbNotification/style.js.map +0 -1
  91. package/dist/primitive/src/Gnb/parts/GnbProfile/GnbProfile.stories.d.ts +0 -31
  92. package/dist/primitive/src/Gnb/parts/GnbProfile/GnbProfile.stories.d.ts.map +0 -1
  93. package/dist/primitive/src/Gnb/parts/GnbProfile/index.cjs +0 -64
  94. package/dist/primitive/src/Gnb/parts/GnbProfile/index.cjs.map +0 -1
  95. package/dist/primitive/src/Gnb/parts/GnbProfile/index.d.ts +0 -25
  96. package/dist/primitive/src/Gnb/parts/GnbProfile/index.d.ts.map +0 -1
  97. package/dist/primitive/src/Gnb/parts/GnbProfile/index.js +0 -55
  98. package/dist/primitive/src/Gnb/parts/GnbProfile/index.js.map +0 -1
  99. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs +0 -33
  100. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs.map +0 -1
  101. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.d.ts +0 -4
  102. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.d.ts.map +0 -1
  103. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.js +0 -27
  104. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.js.map +0 -1
  105. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.cjs +0 -31
  106. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.cjs.map +0 -1
  107. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.d.ts +0 -10
  108. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.d.ts.map +0 -1
  109. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.js +0 -25
  110. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.js.map +0 -1
  111. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.cjs +0 -33
  112. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.cjs.map +0 -1
  113. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.d.ts +0 -8
  114. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.d.ts.map +0 -1
  115. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.js +0 -27
  116. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.js.map +0 -1
  117. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.cjs +0 -32
  118. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.cjs.map +0 -1
  119. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.d.ts +0 -9
  120. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.d.ts.map +0 -1
  121. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.js +0 -25
  122. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.js.map +0 -1
  123. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.cjs +0 -52
  124. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.cjs.map +0 -1
  125. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.d.ts +0 -7
  126. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.d.ts.map +0 -1
  127. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.js +0 -50
  128. package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.js.map +0 -1
  129. package/dist/primitive/src/Gnb/parts/GnbProfile/style.cjs +0 -43
  130. package/dist/primitive/src/Gnb/parts/GnbProfile/style.cjs.map +0 -1
  131. package/dist/primitive/src/Gnb/parts/GnbProfile/style.d.ts +0 -17
  132. package/dist/primitive/src/Gnb/parts/GnbProfile/style.d.ts.map +0 -1
  133. package/dist/primitive/src/Gnb/parts/GnbProfile/style.js +0 -26
  134. package/dist/primitive/src/Gnb/parts/GnbProfile/style.js.map +0 -1
  135. package/dist/primitive/src/Gnb/parts/GnbProfile/types.d.ts +0 -11
  136. package/dist/primitive/src/Gnb/parts/GnbProfile/types.d.ts.map +0 -1
  137. package/dist/primitive/src/Gnb/style.cjs +0 -44
  138. package/dist/primitive/src/Gnb/style.cjs.map +0 -1
  139. package/dist/primitive/src/Gnb/style.d.ts +0 -15
  140. package/dist/primitive/src/Gnb/style.d.ts.map +0 -1
  141. package/dist/primitive/src/Gnb/style.js +0 -26
  142. package/dist/primitive/src/Gnb/style.js.map +0 -1
  143. package/src/Gnb/GnbComplete.stories.tsx +0 -758
  144. package/src/Gnb/const.ts +0 -22
  145. package/src/Gnb/css.tsx +0 -94
  146. package/src/Gnb/index.tsx +0 -70
  147. package/src/Gnb/parts/GnbDropdownLinkItem/index.tsx +0 -37
  148. package/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.tsx +0 -90
  149. package/src/Gnb/parts/GnbHamburgerMenu/index.tsx +0 -48
  150. package/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.tsx +0 -20
  151. package/src/Gnb/parts/GnbHamburgerMenu/style.tsx +0 -99
  152. package/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.tsx +0 -47
  153. package/src/Gnb/parts/GnbHoverSubNavi/index.tsx +0 -44
  154. package/src/Gnb/parts/GnbHoverSubNavi/style.tsx +0 -42
  155. package/src/Gnb/parts/GnbNotification/GnbNotification.stories.tsx +0 -234
  156. package/src/Gnb/parts/GnbNotification/index.tsx +0 -60
  157. package/src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx +0 -62
  158. package/src/Gnb/parts/GnbNotification/style.tsx +0 -149
  159. package/src/Gnb/parts/GnbProfile/GnbProfile.stories.tsx +0 -156
  160. package/src/Gnb/parts/GnbProfile/index.tsx +0 -65
  161. package/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.tsx +0 -20
  162. package/src/Gnb/parts/GnbProfile/parts/MyInfo.tsx +0 -25
  163. package/src/Gnb/parts/GnbProfile/parts/MyPasses.tsx +0 -25
  164. package/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.tsx +0 -26
  165. package/src/Gnb/parts/GnbProfile/parts/UserShortInfo.tsx +0 -45
  166. package/src/Gnb/parts/GnbProfile/style.ts +0 -117
  167. package/src/Gnb/parts/GnbProfile/types.ts +0 -12
  168. package/src/Gnb/style.tsx +0 -316
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.js","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { naviLinkCss } from '@/Gnb/css';\nimport { bg200 } from '@remember-web/mixin';\nimport { Popover } from '@';\n\nexport const StyledGnbHoverSubNaviItem = styled.a<{\n 'data-active'?: boolean;\n}>`\n ${naviLinkCss};\n\n display: flex;\n align-items: center;\n height: 44px;\n padding: 0 12px;\n cursor: pointer;\n transition: background-color 0.2s;\n\n &:hover,\n &:focus-visible {\n color: inherit;\n background-color: ${bg200};\n }\n &[data-active='true'] {\n font-weight: 600;\n }\n`;\n\nexport const StyledGnbHoverSubNaviContent = styled(Popover.Content)`\n min-width: 170px;\n padding: 8px 0;\n`;\nStyledGnbHoverSubNaviContent.defaultProps = {\n alignOffset: 8,\n sideOffset: -12,\n};\n\nexport const StyledGnbHoverNaviWrapper = styled.div`\n height: 100%;\n position: relative;\n z-index: 1;\n`;\n"],"names":["StyledGnbHoverSubNaviItem","styled","a","_templateObject","_taggedTemplateLiteral","naviLinkCss","bg200","StyledGnbHoverSubNaviContent","Popover","Content","_templateObject2","defaultProps","alignOffset","sideOffset","StyledGnbHoverNaviWrapper","div","_templateObject3"],"mappings":";;;;;;;;;IAMaA,yBAAyB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,MAAA,EAAA,8NAAA,EAAA,iEAAA,CAAA,CAAA,CAAA,EAG7CC,WAAW,EAYSC,KAAK,EAK5B;AAEYC,IAAAA,4BAA4B,GAAGN,MAAM,CAACO,OAAO,CAACC,OAAO,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,CAGlE,CAAA,4CAAA,CAAA,CAAA,CAAA,EAAA;AACDG,4BAA4B,CAACI,YAAY,GAAG;AAC1CC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,yBAAyB,GAAGb,MAAM,CAACc,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,CAIlD,CAAA,2DAAA,CAAA,CAAA,CAAA;;;;"}
@@ -1,14 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { GnbNotification } from '@/Gnb';
3
- declare const meta: {
4
- parameters: {
5
- layout: string;
6
- };
7
- title: string;
8
- };
9
- type Story = StoryObj<typeof GnbNotification>;
10
- export default meta;
11
- export declare const Default: {
12
- readonly render: (args: Story) => import("react/jsx-runtime").JSX.Element;
13
- };
14
- //# sourceMappingURL=GnbNotification.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GnbNotification.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/GnbNotification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,QAAA,MAAM,IAAI;;;;;CAG8B,CAAC;AACzC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9C,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;4BACL,KAAK;CAuEV,CAAC"}
@@ -1,57 +0,0 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- var index = require('../../../Floating/Popover/index.cjs');
6
- var NotificationItem = require('./parts/NotificationItem.cjs');
7
- var icon = require('@remember-web/icon');
8
- var mixin = require('@remember-web/mixin');
9
- var style = require('./style.cjs');
10
- var jsxRuntime = require('react/jsx-runtime');
11
- var utils = require('../../../Badge/utils.cjs');
12
- require('../../../Badge/style.cjs');
13
-
14
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
-
16
- var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
17
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
18
-
19
- var _excluded = ["children", "ButtonSlot"],
20
- _excluded2 = ["count"];
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 GnbNotification = function GnbNotification(_ref) {
24
- var children = _ref.children,
25
- _ref$ButtonSlot = _ref.ButtonSlot,
26
- ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsxRuntime.jsx(GnbNotification.Button, {}) : _ref$ButtonSlot,
27
- props = _objectWithoutProperties__default.default(_ref, _excluded);
28
- return /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
29
- children: [ButtonSlot, children]
30
- }));
31
- };
32
- GnbNotification.Content = style.StyledNotificationContent;
33
- GnbNotification.Empty = style.StyledNotificationEmpty;
34
- GnbNotification.Item = NotificationItem;
35
- GnbNotification.Button = function (_ref2) {
36
- var count = _ref2.count,
37
- props = _objectWithoutProperties__default.default(_ref2, _excluded2);
38
- return /*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
39
- children: /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationButton, _objectSpread(_objectSpread({
40
- "data-is-mobile-popover-hidden": true
41
- }, props), {}, {
42
- children: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({
43
- role: "button",
44
- tabIndex: 0
45
- }, count ? utils.badgePseudo.getBadgeAttr({
46
- current: count
47
- }) : null), {}, {
48
- children: /*#__PURE__*/jsxRuntime.jsx(icon.IconAlarmM, {
49
- color: mixin.primary100
50
- })
51
- }))
52
- }))
53
- });
54
- };
55
-
56
- exports.GnbNotification = GnbNotification;
57
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { PopoverProps } from '@/Floating/Popover';\nimport Popover from '@/Floating/Popover';\nimport NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconAlarmM } from '@remember-web/icon';\nimport { badgePseudo } from '@';\nimport { primary100 } from '@remember-web/mixin';\n\nimport {\n StyledNotificationButton,\n StyledNotificationContent,\n StyledNotificationEmpty,\n} from './style';\n\nexport type GnbNotificationProps = PropsWithChildren<\n {\n ButtonSlot?: ReactNode;\n } & PopoverProps\n>;\n\nexport const GnbNotification = ({\n children,\n ButtonSlot = <GnbNotification.Button />,\n ...props\n}: GnbNotificationProps) => (\n <Popover {...props}>\n {ButtonSlot}\n {children}\n </Popover>\n);\n\nGnbNotification.Content = StyledNotificationContent;\n\nGnbNotification.Empty = StyledNotificationEmpty;\nGnbNotification.Item = NotificationItem;\nGnbNotification.Button = ({\n count,\n ...props\n}: GnbNotificationButtonProps & { count?: number }) => (\n <Popover.Trigger>\n <StyledNotificationButton data-is-mobile-popover-hidden {...props}>\n <span\n role=\"button\"\n tabIndex={0}\n {...(count ? badgePseudo.getBadgeAttr({ current: count }) : null)}\n >\n <IconAlarmM color={primary100} />\n </span>\n </StyledNotificationButton>\n </Popover.Trigger>\n);\n\nexport type GnbNotificationButtonProps = Omit<\n GetStyledComponentProps<typeof StyledNotificationButton>,\n 'children'\n>;\n\nexport type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';\n"],"names":["GnbNotification","_ref","children","_ref$ButtonSlot","ButtonSlot","_jsx","Button","props","_objectWithoutProperties","_excluded","_jsxs","Popover","_objectSpread","Content","StyledNotificationContent","Empty","StyledNotificationEmpty","Item","NotificationItem","_ref2","count","_excluded2","Trigger","StyledNotificationButton","role","tabIndex","badgePseudo","getBadgeAttr","current","IconAlarmM","color","primary100"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAsBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,eAAA,GAAAF,IAAA,CACRG,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,gBAAGE,cAAA,CAACL,eAAe,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACpCI,IAAAA,KAAK,GAAAC,yCAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,KAAO,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,EAAA,CACfE,UAAU,EACVF,QAAQ,CAAA;AAAA,GAAA,CACF,CAAC,CAAA;AAAA,EACX;AAEDF,eAAe,CAACa,OAAO,GAAGC,+BAAyB,CAAA;AAEnDd,eAAe,CAACe,KAAK,GAAGC,6BAAuB,CAAA;AAC/ChB,eAAe,CAACiB,IAAI,GAAGC,gBAAgB,CAAA;AACvClB,eAAe,CAACM,MAAM,GAAG,UAAAa,KAAA,EAAA;AAAA,EAAA,IACvBC,KAAK,GAAAD,KAAA,CAALC,KAAK;AACFb,IAAAA,KAAK,GAAAC,yCAAA,CAAAW,KAAA,EAAAE,UAAA,CAAA,CAAA;AAAA,EAAA,oBAERhB,cAAA,CAACM,KAAO,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACdG,cAAA,CAACkB,8BAAwB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC/DG,cAAA,CAAAO,MAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACEY,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAE,CAAA;AAAE,OAAA,EACPL,KAAK,GAAGM,iBAAW,CAACC,YAAY,CAAC;AAAEC,QAAAA,OAAO,EAAER,KAAAA;OAAO,CAAC,GAAG,IAAI,CAAA,EAAA,EAAA,EAAA;QAAAlB,QAAA,eAEhEG,cAAA,CAACwB,eAAU,EAAA;AAACC,UAAAA,KAAK,EAAEC,gBAAAA;SAAa,CAAA;OAC5B,CAAA,CAAA;KACkB,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAAA,CACnB;;;;"}
@@ -1,26 +0,0 @@
1
- import type { PropsWithChildren, ReactNode } from 'react';
2
- import type { PopoverProps } from '@/Floating/Popover';
3
- import NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';
4
- import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
5
- import { StyledNotificationButton } from './style';
6
- export type GnbNotificationProps = PropsWithChildren<{
7
- ButtonSlot?: ReactNode;
8
- } & PopoverProps>;
9
- export declare const GnbNotification: {
10
- ({ children, ButtonSlot, ...props }: GnbNotificationProps): import("react/jsx-runtime").JSX.Element;
11
- Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
12
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
13
- }, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
14
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
15
- }, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
16
- Empty: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
17
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
18
- }>, never>, never>>;
19
- Item: typeof NotificationItem;
20
- Button({ count, ...props }: GnbNotificationButtonProps & {
21
- count?: number | undefined;
22
- }): import("react/jsx-runtime").JSX.Element;
23
- };
24
- export type GnbNotificationButtonProps = Omit<GetStyledComponentProps<typeof StyledNotificationButton>, 'children'>;
25
- export type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';
26
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,gBAAgB,MAAM,oDAAoD,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAKjF,OAAO,EACL,wBAAwB,EAGzB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAClD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,YAAY,CACjB,CAAC;AAEF,eAAO,MAAM,eAAe;yCAIzB,oBAAoB;;;;;;;;;;;;;CAKtB,CAAC;AAuBF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,CAAC,OAAO,wBAAwB,CAAC,EACxD,UAAU,CACX,CAAC;AAEF,YAAY,EAAE,qBAAqB,IAAI,wBAAwB,EAAE,MAAM,0BAA0B,CAAC"}
@@ -1,50 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import Popover from '../../../Floating/Popover/index.js';
4
- import NotificationItem from './parts/NotificationItem.js';
5
- import { IconAlarmM } from '@remember-web/icon';
6
- import { primary100 } from '@remember-web/mixin';
7
- import { StyledNotificationContent, StyledNotificationEmpty, StyledNotificationButton } from './style.js';
8
- import { jsx, jsxs } from 'react/jsx-runtime';
9
- import { badgePseudo } from '../../../Badge/utils.js';
10
- import '../../../Badge/style.js';
11
-
12
- var _excluded = ["children", "ButtonSlot"],
13
- _excluded2 = ["count"];
14
- 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; }
15
- 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; }
16
- var GnbNotification = function GnbNotification(_ref) {
17
- var children = _ref.children,
18
- _ref$ButtonSlot = _ref.ButtonSlot,
19
- ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsx(GnbNotification.Button, {}) : _ref$ButtonSlot,
20
- props = _objectWithoutProperties(_ref, _excluded);
21
- return /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({}, props), {}, {
22
- children: [ButtonSlot, children]
23
- }));
24
- };
25
- GnbNotification.Content = StyledNotificationContent;
26
- GnbNotification.Empty = StyledNotificationEmpty;
27
- GnbNotification.Item = NotificationItem;
28
- GnbNotification.Button = function (_ref2) {
29
- var count = _ref2.count,
30
- props = _objectWithoutProperties(_ref2, _excluded2);
31
- return /*#__PURE__*/jsx(Popover.Trigger, {
32
- children: /*#__PURE__*/jsx(StyledNotificationButton, _objectSpread(_objectSpread({
33
- "data-is-mobile-popover-hidden": true
34
- }, props), {}, {
35
- children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
36
- role: "button",
37
- tabIndex: 0
38
- }, count ? badgePseudo.getBadgeAttr({
39
- current: count
40
- }) : null), {}, {
41
- children: /*#__PURE__*/jsx(IconAlarmM, {
42
- color: primary100
43
- })
44
- }))
45
- }))
46
- });
47
- };
48
-
49
- export { GnbNotification };
50
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { PopoverProps } from '@/Floating/Popover';\nimport Popover from '@/Floating/Popover';\nimport NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconAlarmM } from '@remember-web/icon';\nimport { badgePseudo } from '@';\nimport { primary100 } from '@remember-web/mixin';\n\nimport {\n StyledNotificationButton,\n StyledNotificationContent,\n StyledNotificationEmpty,\n} from './style';\n\nexport type GnbNotificationProps = PropsWithChildren<\n {\n ButtonSlot?: ReactNode;\n } & PopoverProps\n>;\n\nexport const GnbNotification = ({\n children,\n ButtonSlot = <GnbNotification.Button />,\n ...props\n}: GnbNotificationProps) => (\n <Popover {...props}>\n {ButtonSlot}\n {children}\n </Popover>\n);\n\nGnbNotification.Content = StyledNotificationContent;\n\nGnbNotification.Empty = StyledNotificationEmpty;\nGnbNotification.Item = NotificationItem;\nGnbNotification.Button = ({\n count,\n ...props\n}: GnbNotificationButtonProps & { count?: number }) => (\n <Popover.Trigger>\n <StyledNotificationButton data-is-mobile-popover-hidden {...props}>\n <span\n role=\"button\"\n tabIndex={0}\n {...(count ? badgePseudo.getBadgeAttr({ current: count }) : null)}\n >\n <IconAlarmM color={primary100} />\n </span>\n </StyledNotificationButton>\n </Popover.Trigger>\n);\n\nexport type GnbNotificationButtonProps = Omit<\n GetStyledComponentProps<typeof StyledNotificationButton>,\n 'children'\n>;\n\nexport type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';\n"],"names":["GnbNotification","_ref","children","_ref$ButtonSlot","ButtonSlot","_jsx","Button","props","_objectWithoutProperties","_excluded","_jsxs","Popover","_objectSpread","Content","StyledNotificationContent","Empty","StyledNotificationEmpty","Item","NotificationItem","_ref2","count","_excluded2","Trigger","StyledNotificationButton","role","tabIndex","badgePseudo","getBadgeAttr","current","IconAlarmM","color","primary100"],"mappings":";;;;;;;;;;;;;;;IAsBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,eAAA,GAAAF,IAAA,CACRG,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,gBAAGE,GAAA,CAACL,eAAe,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACpCI,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,EAAA,CACfE,UAAU,EACVF,QAAQ,CAAA;AAAA,GAAA,CACF,CAAC,CAAA;AAAA,EACX;AAEDF,eAAe,CAACa,OAAO,GAAGC,yBAAyB,CAAA;AAEnDd,eAAe,CAACe,KAAK,GAAGC,uBAAuB,CAAA;AAC/ChB,eAAe,CAACiB,IAAI,GAAGC,gBAAgB,CAAA;AACvClB,eAAe,CAACM,MAAM,GAAG,UAAAa,KAAA,EAAA;AAAA,EAAA,IACvBC,KAAK,GAAAD,KAAA,CAALC,KAAK;AACFb,IAAAA,KAAK,GAAAC,wBAAA,CAAAW,KAAA,EAAAE,UAAA,CAAA,CAAA;AAAA,EAAA,oBAERhB,GAAA,CAACM,OAAO,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACdG,GAAA,CAACkB,wBAAwB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC/DG,GAAA,CAAAO,MAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACEY,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAE,CAAA;AAAE,OAAA,EACPL,KAAK,GAAGM,WAAW,CAACC,YAAY,CAAC;AAAEC,QAAAA,OAAO,EAAER,KAAAA;OAAO,CAAC,GAAG,IAAI,CAAA,EAAA,EAAA,EAAA;QAAAlB,QAAA,eAEhEG,GAAA,CAACwB,UAAU,EAAA;AAACC,UAAAA,KAAK,EAAEC,UAAAA;SAAa,CAAA;OAC5B,CAAA,CAAA;KACkB,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAAA,CACnB;;;;"}
@@ -1,50 +0,0 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- var style = require('../style.cjs');
6
- var index = require('../../../../Avatars/Avatar/index.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
-
11
- var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
12
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
13
-
14
- var _excluded = ["serviceType", "title", "description", "updatedAt", "imageUrl", "rounded"];
15
- 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; }
16
- 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; }
17
- function NotificationItem(_ref) {
18
- var serviceType = _ref.serviceType,
19
- title = _ref.title,
20
- description = _ref.description,
21
- updatedAt = _ref.updatedAt,
22
- imageUrl = _ref.imageUrl,
23
- rounded = _ref.rounded,
24
- props = _objectWithoutProperties__default.default(_ref, _excluded);
25
- return /*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationItem, _objectSpread(_objectSpread({}, props), {}, {
26
- children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledServiceTitle, {
27
- children: serviceType
28
- }), /*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationItemContent, {
29
- children: [/*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationContentText, {
30
- children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationTitle, {
31
- children: title
32
- }), description && /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationDescription, {
33
- children: description
34
- }), /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationUpdatedAt, {
35
- children: updatedAt
36
- })]
37
- }), imageUrl && /*#__PURE__*/jsxRuntime.jsx(index, {
38
- size: "large",
39
- border: {
40
- width: 'none'
41
- },
42
- rounded: rounded,
43
- imageUrl: imageUrl
44
- })]
45
- })]
46
- }));
47
- }
48
-
49
- module.exports = NotificationItem;
50
- //# sourceMappingURL=NotificationItem.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationItem.cjs","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n StyledNotificationContentText,\n StyledNotificationDescription,\n StyledNotificationItem,\n StyledNotificationItemContent,\n StyledNotificationTitle,\n StyledNotificationUpdatedAt,\n StyledServiceTitle,\n} from '@/Gnb/parts/GnbNotification/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { Avatar } from '@/Avatars';\nimport type { AvatarProps } from '@/Avatars/Avatar';\n\nexport type NotificationItemProps<ComponentAs> = GetStyledComponentProps<\n typeof StyledNotificationItem,\n ComponentAs\n> & {\n serviceType: ReactNode;\n title: ReactNode;\n description?: ReactNode;\n updatedAt: ReactNode;\n imageUrl?: AvatarProps['imageUrl'];\n rounded?: AvatarProps['rounded'];\n};\n\nexport default function NotificationItem<ComponentAs>({\n serviceType,\n title,\n description,\n updatedAt,\n imageUrl,\n rounded,\n ...props\n}: NotificationItemProps<ComponentAs>) {\n return (\n <StyledNotificationItem {...props}>\n <StyledServiceTitle>{serviceType}</StyledServiceTitle>\n <StyledNotificationItemContent>\n <StyledNotificationContentText>\n <StyledNotificationTitle>{title}</StyledNotificationTitle>\n {description && (\n <StyledNotificationDescription>\n {description}\n </StyledNotificationDescription>\n )}\n <StyledNotificationUpdatedAt>{updatedAt}</StyledNotificationUpdatedAt>\n </StyledNotificationContentText>\n\n {imageUrl && (\n <Avatar\n size=\"large\"\n border={{ width: 'none' }}\n rounded={rounded}\n imageUrl={imageUrl}\n />\n )}\n </StyledNotificationItemContent>\n </StyledNotificationItem>\n );\n}\n"],"names":["NotificationItem","_ref","serviceType","title","description","updatedAt","imageUrl","rounded","props","_objectWithoutProperties","_excluded","_jsxs","StyledNotificationItem","_objectSpread","children","_jsx","StyledServiceTitle","StyledNotificationItemContent","StyledNotificationContentText","StyledNotificationTitle","StyledNotificationDescription","StyledNotificationUpdatedAt","Avatar","size","border","width"],"mappings":";;;;;;;;;;;;;;;;AA2Be,SAASA,gBAAgBA,CAAAC,IAAA,EAQD;AAAA,EAAA,IAPrCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;AACJC,IAAAA,KAAK,GAAAC,yCAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAER,oBACEC,eAAA,CAACC,4BAAsB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC/BC,cAAA,CAACC,wBAAkB,EAAA;AAAAF,MAAAA,QAAA,EAAEZ,WAAAA;AAAW,KAAqB,CAAC,eACtDS,eAAA,CAACM,mCAA6B,EAAA;MAAAH,QAAA,EAAA,cAC5BH,eAAA,CAACO,mCAA6B,EAAA;QAAAJ,QAAA,EAAA,cAC5BC,cAAA,CAACI,6BAAuB,EAAA;AAAAL,UAAAA,QAAA,EAAEX,KAAAA;AAAK,SAA0B,CAAC,EACzDC,WAAW,iBACVW,cAAA,CAACK,mCAA6B,EAAA;AAAAN,UAAAA,QAAA,EAC3BV,WAAAA;AAAW,SACiB,CAChC,eACDW,cAAA,CAACM,iCAA2B,EAAA;AAAAP,UAAAA,QAAA,EAAET,SAAAA;AAAS,SAA8B,CAAC,CAAA;AAAA,OACzC,CAAC,EAE/BC,QAAQ,iBACPS,cAAA,CAACO,KAAM,EAAA;AACLC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,KAAK,EAAE,MAAA;SAAS;AAC1BlB,QAAAA,OAAO,EAAEA,OAAQ;AACjBD,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACpB,CACF,CAAA;AAAA,KAC4B,CAAC,CAAA;AAAA,GAAA,CACV,CAAC,CAAA;AAE7B;;;;"}
@@ -1,14 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- import { StyledNotificationItem } from '@/Gnb/parts/GnbNotification/style';
3
- import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
4
- import type { AvatarProps } from '@/Avatars/Avatar';
5
- export type NotificationItemProps<ComponentAs> = GetStyledComponentProps<typeof StyledNotificationItem, ComponentAs> & {
6
- serviceType: ReactNode;
7
- title: ReactNode;
8
- description?: ReactNode;
9
- updatedAt: ReactNode;
10
- imageUrl?: AvatarProps['imageUrl'];
11
- rounded?: AvatarProps['rounded'];
12
- };
13
- export default function NotificationItem<ComponentAs>({ serviceType, title, description, updatedAt, imageUrl, rounded, ...props }: NotificationItemProps<ComponentAs>): import("react/jsx-runtime").JSX.Element;
14
- //# sourceMappingURL=NotificationItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAGL,sBAAsB,EAKvB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,qBAAqB,CAAC,WAAW,IAAI,uBAAuB,CACtE,OAAO,sBAAsB,EAC7B,WAAW,CACZ,GAAG;IACF,WAAW,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,WAAW,EAAE,EACpD,WAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,WAAW,CAAC,2CA0BpC"}
@@ -1,43 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import { StyledNotificationItem, StyledServiceTitle, StyledNotificationItemContent, StyledNotificationContentText, StyledNotificationTitle, StyledNotificationDescription, StyledNotificationUpdatedAt } from '../style.js';
4
- import Avatar from '../../../../Avatars/Avatar/index.js';
5
- import { jsxs, jsx } from 'react/jsx-runtime';
6
-
7
- var _excluded = ["serviceType", "title", "description", "updatedAt", "imageUrl", "rounded"];
8
- 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; }
9
- 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; }
10
- function NotificationItem(_ref) {
11
- var serviceType = _ref.serviceType,
12
- title = _ref.title,
13
- description = _ref.description,
14
- updatedAt = _ref.updatedAt,
15
- imageUrl = _ref.imageUrl,
16
- rounded = _ref.rounded,
17
- props = _objectWithoutProperties(_ref, _excluded);
18
- return /*#__PURE__*/jsxs(StyledNotificationItem, _objectSpread(_objectSpread({}, props), {}, {
19
- children: [/*#__PURE__*/jsx(StyledServiceTitle, {
20
- children: serviceType
21
- }), /*#__PURE__*/jsxs(StyledNotificationItemContent, {
22
- children: [/*#__PURE__*/jsxs(StyledNotificationContentText, {
23
- children: [/*#__PURE__*/jsx(StyledNotificationTitle, {
24
- children: title
25
- }), description && /*#__PURE__*/jsx(StyledNotificationDescription, {
26
- children: description
27
- }), /*#__PURE__*/jsx(StyledNotificationUpdatedAt, {
28
- children: updatedAt
29
- })]
30
- }), imageUrl && /*#__PURE__*/jsx(Avatar, {
31
- size: "large",
32
- border: {
33
- width: 'none'
34
- },
35
- rounded: rounded,
36
- imageUrl: imageUrl
37
- })]
38
- })]
39
- }));
40
- }
41
-
42
- export { NotificationItem as default };
43
- //# sourceMappingURL=NotificationItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationItem.js","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n StyledNotificationContentText,\n StyledNotificationDescription,\n StyledNotificationItem,\n StyledNotificationItemContent,\n StyledNotificationTitle,\n StyledNotificationUpdatedAt,\n StyledServiceTitle,\n} from '@/Gnb/parts/GnbNotification/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { Avatar } from '@/Avatars';\nimport type { AvatarProps } from '@/Avatars/Avatar';\n\nexport type NotificationItemProps<ComponentAs> = GetStyledComponentProps<\n typeof StyledNotificationItem,\n ComponentAs\n> & {\n serviceType: ReactNode;\n title: ReactNode;\n description?: ReactNode;\n updatedAt: ReactNode;\n imageUrl?: AvatarProps['imageUrl'];\n rounded?: AvatarProps['rounded'];\n};\n\nexport default function NotificationItem<ComponentAs>({\n serviceType,\n title,\n description,\n updatedAt,\n imageUrl,\n rounded,\n ...props\n}: NotificationItemProps<ComponentAs>) {\n return (\n <StyledNotificationItem {...props}>\n <StyledServiceTitle>{serviceType}</StyledServiceTitle>\n <StyledNotificationItemContent>\n <StyledNotificationContentText>\n <StyledNotificationTitle>{title}</StyledNotificationTitle>\n {description && (\n <StyledNotificationDescription>\n {description}\n </StyledNotificationDescription>\n )}\n <StyledNotificationUpdatedAt>{updatedAt}</StyledNotificationUpdatedAt>\n </StyledNotificationContentText>\n\n {imageUrl && (\n <Avatar\n size=\"large\"\n border={{ width: 'none' }}\n rounded={rounded}\n imageUrl={imageUrl}\n />\n )}\n </StyledNotificationItemContent>\n </StyledNotificationItem>\n );\n}\n"],"names":["NotificationItem","_ref","serviceType","title","description","updatedAt","imageUrl","rounded","props","_objectWithoutProperties","_excluded","_jsxs","StyledNotificationItem","_objectSpread","children","_jsx","StyledServiceTitle","StyledNotificationItemContent","StyledNotificationContentText","StyledNotificationTitle","StyledNotificationDescription","StyledNotificationUpdatedAt","Avatar","size","border","width"],"mappings":";;;;;;;;;AA2Be,SAASA,gBAAgBA,CAAAC,IAAA,EAQD;AAAA,EAAA,IAPrCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;AACJC,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAER,oBACEC,IAAA,CAACC,sBAAsB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC/BC,GAAA,CAACC,kBAAkB,EAAA;AAAAF,MAAAA,QAAA,EAAEZ,WAAAA;AAAW,KAAqB,CAAC,eACtDS,IAAA,CAACM,6BAA6B,EAAA;MAAAH,QAAA,EAAA,cAC5BH,IAAA,CAACO,6BAA6B,EAAA;QAAAJ,QAAA,EAAA,cAC5BC,GAAA,CAACI,uBAAuB,EAAA;AAAAL,UAAAA,QAAA,EAAEX,KAAAA;AAAK,SAA0B,CAAC,EACzDC,WAAW,iBACVW,GAAA,CAACK,6BAA6B,EAAA;AAAAN,UAAAA,QAAA,EAC3BV,WAAAA;AAAW,SACiB,CAChC,eACDW,GAAA,CAACM,2BAA2B,EAAA;AAAAP,UAAAA,QAAA,EAAET,SAAAA;AAAS,SAA8B,CAAC,CAAA;AAAA,OACzC,CAAC,EAE/BC,QAAQ,iBACPS,GAAA,CAACO,MAAM,EAAA;AACLC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,KAAK,EAAE,MAAA;SAAS;AAC1BlB,QAAAA,OAAO,EAAEA,OAAQ;AACjBD,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACpB,CACF,CAAA;AAAA,KAC4B,CAAC,CAAA;AAAA,GAAA,CACV,CAAC,CAAA;AAE7B;;;;"}
@@ -1,49 +0,0 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
5
- var styled = require('styled-components');
6
- var mixin = require('@remember-web/mixin');
7
- var css = require('../../css.cjs');
8
- var style = require('../../../Badge/style.cjs');
9
- var styles = require('../../../Floating/Popover/styles.cjs');
10
-
11
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
-
13
- var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
14
- var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
15
- var styled__default = /*#__PURE__*/_interopDefault(styled);
16
-
17
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
18
- 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; }
19
- 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; }
20
- var StyledNotificationItem = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n &:where(button, a) {\n ", ";\n\n &:hover,\n &:focus-visible {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ", ";\n }\n"])), css.defaultGridButtonCss, mixin.bg200, mixin.bg300, mixin.contents000);
21
- var StyledNotificationEmpty = styled__default.default.div.attrs(function (p) {
22
- return _objectSpread({
23
- children: '받은 알림이 아직 없습니다'
24
- }, p);
25
- })(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n"])), mixin.getTypographyStyles('Headline4_M'), mixin.contents200);
26
- var StyledServiceTitle = styled__default.default.strong(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), mixin.getTypographyStyles('Body2_B'), mixin.secondary100);
27
- var StyledNotificationItemContent = styled__default.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n"])));
28
- var StyledNotificationContent = styled__default.default(styles.StyledPopoverContent)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n ", ";\n\n min-width: 360px;\n max-height: 440px;\n\n ", " {\n border-bottom: 1px solid ", ";\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ", ";\n }\n }\n"])), css.fullPopoverContentCss, StyledNotificationItem, mixin.divider, mixin.divider);
29
- StyledNotificationContent.defaultProps = {
30
- align: 'end',
31
- sideOffset: -12
32
- };
33
- var StyledNotificationContentText = styled__default.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n"])));
34
- var StyledNotificationTitle = styled__default.default.b(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n line-height: 19px;\n"])), mixin.getTypographyStyles('Body1_M'));
35
- var StyledNotificationDescription = styled__default.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ", ";\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents150);
36
- var StyledNotificationUpdatedAt = styled__default.default.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), mixin.getTypographyStyles('Body2_M'), mixin.contents200);
37
- var StyledNotificationButton = styled__default.default(StyledNotificationDescription)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral__default.default(["\n display: grid;\n place-content: center;\n\n > span {\n ", ";\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ", ";\n }\n"])), css.defaultGridButtonCss, style.getBadgePseudoCss());
38
-
39
- exports.StyledNotificationButton = StyledNotificationButton;
40
- exports.StyledNotificationContent = StyledNotificationContent;
41
- exports.StyledNotificationContentText = StyledNotificationContentText;
42
- exports.StyledNotificationDescription = StyledNotificationDescription;
43
- exports.StyledNotificationEmpty = StyledNotificationEmpty;
44
- exports.StyledNotificationItem = StyledNotificationItem;
45
- exports.StyledNotificationItemContent = StyledNotificationItemContent;
46
- exports.StyledNotificationTitle = StyledNotificationTitle;
47
- exports.StyledNotificationUpdatedAt = StyledNotificationUpdatedAt;
48
- exports.StyledServiceTitle = StyledServiceTitle;
49
- //# sourceMappingURL=style.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.cjs","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n bg200,\n bg300,\n contents000,\n contents150,\n contents200,\n divider,\n getTypographyStyles,\n secondary100,\n} from '@remember-web/mixin';\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { getBadgePseudoCss } from '@/Badge/style';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const StyledNotificationItem = styled.div`\n &:where(button, a) {\n ${defaultGridButtonCss};\n\n &:hover,\n &:focus-visible {\n background-color: ${bg200};\n }\n\n &:active {\n background-color: ${bg300};\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ${contents000};\n }\n`;\n\nexport const StyledNotificationEmpty = styled.div.attrs((p) => ({\n children: '받은 알림이 아직 없습니다',\n ...p,\n}))`\n ${getTypographyStyles('Headline4_M')}\n font-weight: 500;\n\n color: ${contents200};\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n`;\n\nexport const StyledServiceTitle = styled.strong`\n ${getTypographyStyles('Body2_B')}\n font-weight: 500;\n color: ${secondary100};\n`;\n\nexport const StyledNotificationItemContent = styled.div`\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n`;\n\nexport const StyledNotificationContent = styled(StyledPopoverContent)`\n ${fullPopoverContentCss};\n\n min-width: 360px;\n max-height: 440px;\n\n ${StyledNotificationItem} {\n border-bottom: 1px solid ${divider};\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ${divider};\n }\n }\n`;\n\nStyledNotificationContent.defaultProps = {\n align: 'end',\n sideOffset: -12,\n};\n\nexport const StyledNotificationContentText = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n`;\n\nexport const StyledNotificationTitle = styled.b`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n line-height: 19px;\n`;\n\nexport const StyledNotificationDescription = styled.p`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ${contents150};\n`;\n\nexport const StyledNotificationUpdatedAt = styled.span`\n ${getTypographyStyles('Body2_M')}\n font-weight: 500;\n color: ${contents200};\n`;\n\nexport const StyledNotificationButton = styled(StyledNotificationDescription)`\n display: grid;\n place-content: center;\n\n > span {\n ${defaultGridButtonCss};\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ${getBadgePseudoCss()};\n }\n`;\n"],"names":["StyledNotificationItem","styled","div","_templateObject","_taggedTemplateLiteral","defaultGridButtonCss","bg200","bg300","contents000","StyledNotificationEmpty","attrs","p","_objectSpread","children","_templateObject2","getTypographyStyles","contents200","StyledServiceTitle","strong","_templateObject3","secondary100","StyledNotificationItemContent","_templateObject4","StyledNotificationContent","StyledPopoverContent","_templateObject5","fullPopoverContentCss","divider","defaultProps","align","sideOffset","StyledNotificationContentText","_templateObject6","StyledNotificationTitle","b","_templateObject7","StyledNotificationDescription","_templateObject8","contents150","StyledNotificationUpdatedAt","span","_templateObject9","StyledNotificationButton","_templateObject10","getBadgePseudoCss"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAGC,uBAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,gCAAA,EAAA,oEAAA,EAAA,sDAAA,EAAA,0RAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAE1CC,wBAAoB,EAIAC,WAAK,EAILC,WAAK,EAkBlBC,iBAAW,EAEvB;AAEM,IAAMC,uBAAuB,GAAGR,uBAAM,CAACC,GAAG,CAACQ,KAAK,CAAC,UAACC,CAAC,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACxDC,IAAAA,QAAQ,EAAE,gBAAA;AAAgB,GAAA,EACvBF,CAAC,CAAA,CAAA;AAAA,CACJ,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAAV,uCAAA,CACCW,CAAAA,MAAAA,EAAAA,oCAAAA,EAAAA,iIAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAmB,CAAC,aAAa,CAAC,EAG3BC,iBAAW,EAOrB;IAEYC,kBAAkB,GAAGhB,uBAAM,CAACiB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAf,uCAAA,wDAC3CW,yBAAmB,CAAC,SAAS,CAAC,EAEvBK,kBAAY,EACtB;AAEYC,IAAAA,6BAA6B,GAAGpB,uBAAM,CAACC,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAMtD,CAAA,yFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMmB,yBAAyB,GAAGtB,uBAAM,CAACuB,2BAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAArB,uCAAA,yVACjEsB,yBAAqB,EAKrB1B,sBAAsB,EACK2B,aAAO,EAaLA,aAAO,EAGvC;AAEDJ,yBAAyB,CAACK,YAAY,GAAG;AACvCC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,6BAA6B,GAAG9B,uBAAM,CAACC,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAA5B,uCAAA,CAKtD,CAAA,0EAAA,CAAA,CAAA,CAAA,EAAA;IAEY6B,uBAAuB,GAAGhC,uBAAM,CAACiC,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAA/B,uCAAA,CAAA,CAAA,MAAA,EAAA,+CAAA,CAAA,CAAA,CAAA,EAC3CW,yBAAmB,CAAC,SAAS,CAAC,EAGjC;IAEYqB,6BAA6B,GAAGnC,uBAAM,CAACU,CAAC,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAjC,uCAAA,0GACjDW,yBAAmB,CAAC,SAAS,CAAC,EAIvBuB,iBAAW,EACrB;IAEYC,2BAA2B,GAAGtC,uBAAM,CAACuC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAArC,uCAAA,wDAClDW,yBAAmB,CAAC,SAAS,CAAC,EAEvBC,iBAAW,EACrB;IAEY0B,wBAAwB,GAAGzC,uBAAM,CAACmC,6BAA6B,CAAC,CAAAO,iBAAA,KAAAA,iBAAA,GAAAvC,uCAAA,CAKvEC,CAAAA,kEAAAA,EAAAA,mHAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,wBAAoB,EAMpBuC,uBAAiB,EAAE;;;;;;;;;;;;;"}
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledNotificationItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
- export declare const StyledNotificationEmpty: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
4
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
5
- }>, never>, never>>;
6
- export declare const StyledServiceTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
7
- export declare const StyledNotificationItemContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
8
- export declare const StyledNotificationContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
9
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
10
- }, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
11
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
12
- }, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
13
- export declare const StyledNotificationContentText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
14
- export declare const StyledNotificationTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
15
- export declare const StyledNotificationDescription: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
16
- export declare const StyledNotificationUpdatedAt: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
17
- export declare const StyledNotificationButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
18
- ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
19
- }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>, keyof import("react").Component<any, {}, any>>;
20
- //# sourceMappingURL=style.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,sBAAsB,gNA8BlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;mBAcnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,0MAI9B,CAAC;AAEF,eAAO,MAAM,6BAA6B,gNAMzC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;kQAuBrC,CAAC;AAOF,eAAO,MAAM,6BAA6B,gNAKzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,0MAInC,CAAC;AAEF,eAAO,MAAM,6BAA6B,4NAMzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,kNAIvC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;4RAapC,CAAC"}
@@ -1,32 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
3
- import styled from 'styled-components';
4
- import { bg200, bg300, contents000, getTypographyStyles, contents200, secondary100, divider, contents150 } from '@remember-web/mixin';
5
- import { defaultGridButtonCss, fullPopoverContentCss } from '../../css.js';
6
- import { getBadgePseudoCss } from '../../../Badge/style.js';
7
- import { StyledPopoverContent } from '../../../Floating/Popover/styles.js';
8
-
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
10
- 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; }
11
- 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; }
12
- var StyledNotificationItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:where(button, a) {\n ", ";\n\n &:hover,\n &:focus-visible {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ", ";\n }\n"])), defaultGridButtonCss, bg200, bg300, contents000);
13
- var StyledNotificationEmpty = styled.div.attrs(function (p) {
14
- return _objectSpread({
15
- children: '받은 알림이 아직 없습니다'
16
- }, p);
17
- })(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n"])), getTypographyStyles('Headline4_M'), contents200);
18
- var StyledServiceTitle = styled.strong(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), getTypographyStyles('Body2_B'), secondary100);
19
- var StyledNotificationItemContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n"])));
20
- var StyledNotificationContent = styled(StyledPopoverContent)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n\n min-width: 360px;\n max-height: 440px;\n\n ", " {\n border-bottom: 1px solid ", ";\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ", ";\n }\n }\n"])), fullPopoverContentCss, StyledNotificationItem, divider, divider);
21
- StyledNotificationContent.defaultProps = {
22
- align: 'end',
23
- sideOffset: -12
24
- };
25
- var StyledNotificationContentText = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n"])));
26
- var StyledNotificationTitle = styled.b(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n line-height: 19px;\n"])), getTypographyStyles('Body1_M'));
27
- var StyledNotificationDescription = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ", ";\n"])), getTypographyStyles('Body1_M'), contents150);
28
- var StyledNotificationUpdatedAt = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), getTypographyStyles('Body2_M'), contents200);
29
- var StyledNotificationButton = styled(StyledNotificationDescription)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: grid;\n place-content: center;\n\n > span {\n ", ";\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ", ";\n }\n"])), defaultGridButtonCss, getBadgePseudoCss());
30
-
31
- export { StyledNotificationButton, StyledNotificationContent, StyledNotificationContentText, StyledNotificationDescription, StyledNotificationEmpty, StyledNotificationItem, StyledNotificationItemContent, StyledNotificationTitle, StyledNotificationUpdatedAt, StyledServiceTitle };
32
- //# sourceMappingURL=style.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.js","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n bg200,\n bg300,\n contents000,\n contents150,\n contents200,\n divider,\n getTypographyStyles,\n secondary100,\n} from '@remember-web/mixin';\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { getBadgePseudoCss } from '@/Badge/style';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const StyledNotificationItem = styled.div`\n &:where(button, a) {\n ${defaultGridButtonCss};\n\n &:hover,\n &:focus-visible {\n background-color: ${bg200};\n }\n\n &:active {\n background-color: ${bg300};\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ${contents000};\n }\n`;\n\nexport const StyledNotificationEmpty = styled.div.attrs((p) => ({\n children: '받은 알림이 아직 없습니다',\n ...p,\n}))`\n ${getTypographyStyles('Headline4_M')}\n font-weight: 500;\n\n color: ${contents200};\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n`;\n\nexport const StyledServiceTitle = styled.strong`\n ${getTypographyStyles('Body2_B')}\n font-weight: 500;\n color: ${secondary100};\n`;\n\nexport const StyledNotificationItemContent = styled.div`\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n`;\n\nexport const StyledNotificationContent = styled(StyledPopoverContent)`\n ${fullPopoverContentCss};\n\n min-width: 360px;\n max-height: 440px;\n\n ${StyledNotificationItem} {\n border-bottom: 1px solid ${divider};\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ${divider};\n }\n }\n`;\n\nStyledNotificationContent.defaultProps = {\n align: 'end',\n sideOffset: -12,\n};\n\nexport const StyledNotificationContentText = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n`;\n\nexport const StyledNotificationTitle = styled.b`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n line-height: 19px;\n`;\n\nexport const StyledNotificationDescription = styled.p`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ${contents150};\n`;\n\nexport const StyledNotificationUpdatedAt = styled.span`\n ${getTypographyStyles('Body2_M')}\n font-weight: 500;\n color: ${contents200};\n`;\n\nexport const StyledNotificationButton = styled(StyledNotificationDescription)`\n display: grid;\n place-content: center;\n\n > span {\n ${defaultGridButtonCss};\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ${getBadgePseudoCss()};\n }\n`;\n"],"names":["StyledNotificationItem","styled","div","_templateObject","_taggedTemplateLiteral","defaultGridButtonCss","bg200","bg300","contents000","StyledNotificationEmpty","attrs","p","_objectSpread","children","_templateObject2","getTypographyStyles","contents200","StyledServiceTitle","strong","_templateObject3","secondary100","StyledNotificationItemContent","_templateObject4","StyledNotificationContent","StyledPopoverContent","_templateObject5","fullPopoverContentCss","divider","defaultProps","align","sideOffset","StyledNotificationContentText","_templateObject6","StyledNotificationTitle","b","_templateObject7","StyledNotificationDescription","_templateObject8","contents150","StyledNotificationUpdatedAt","span","_templateObject9","StyledNotificationButton","_templateObject10","getBadgePseudoCss"],"mappings":";;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAGC,MAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,gCAAA,EAAA,oEAAA,EAAA,sDAAA,EAAA,0RAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAE1CC,oBAAoB,EAIAC,KAAK,EAILC,KAAK,EAkBlBC,WAAW,EAEvB;AAEM,IAAMC,uBAAuB,GAAGR,MAAM,CAACC,GAAG,CAACQ,KAAK,CAAC,UAACC,CAAC,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACxDC,IAAAA,QAAQ,EAAE,gBAAA;AAAgB,GAAA,EACvBF,CAAC,CAAA,CAAA;AAAA,CACJ,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,CACCW,CAAAA,MAAAA,EAAAA,oCAAAA,EAAAA,iIAAAA,CAAAA,CAAAA,CAAAA,EAAAA,mBAAmB,CAAC,aAAa,CAAC,EAG3BC,WAAW,EAOrB;IAEYC,kBAAkB,GAAGhB,MAAM,CAACiB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,wDAC3CW,mBAAmB,CAAC,SAAS,CAAC,EAEvBK,YAAY,EACtB;AAEYC,IAAAA,6BAA6B,GAAGpB,MAAM,CAACC,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAMtD,CAAA,yFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMmB,yBAAyB,GAAGtB,MAAM,CAACuB,oBAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAArB,sBAAA,yVACjEsB,qBAAqB,EAKrB1B,sBAAsB,EACK2B,OAAO,EAaLA,OAAO,EAGvC;AAEDJ,yBAAyB,CAACK,YAAY,GAAG;AACvCC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,6BAA6B,GAAG9B,MAAM,CAACC,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAA5B,sBAAA,CAKtD,CAAA,0EAAA,CAAA,CAAA,CAAA,EAAA;IAEY6B,uBAAuB,GAAGhC,MAAM,CAACiC,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAA/B,sBAAA,CAAA,CAAA,MAAA,EAAA,+CAAA,CAAA,CAAA,CAAA,EAC3CW,mBAAmB,CAAC,SAAS,CAAC,EAGjC;IAEYqB,6BAA6B,GAAGnC,MAAM,CAACU,CAAC,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAjC,sBAAA,0GACjDW,mBAAmB,CAAC,SAAS,CAAC,EAIvBuB,WAAW,EACrB;IAEYC,2BAA2B,GAAGtC,MAAM,CAACuC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAArC,sBAAA,wDAClDW,mBAAmB,CAAC,SAAS,CAAC,EAEvBC,WAAW,EACrB;IAEY0B,wBAAwB,GAAGzC,MAAM,CAACmC,6BAA6B,CAAC,CAAAO,iBAAA,KAAAA,iBAAA,GAAAvC,sBAAA,CAKvEC,CAAAA,kEAAAA,EAAAA,mHAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,oBAAoB,EAMpBuC,iBAAiB,EAAE;;;;"}
@@ -1,31 +0,0 @@
1
- declare const meta: {
2
- readonly parameters: {
3
- readonly layout: "fullscreen";
4
- };
5
- readonly title: "Gnb/Gnb/profile";
6
- readonly argTypes: {
7
- readonly profileType: {
8
- readonly control: "radio";
9
- readonly options: readonly ["B2B", "B2C", "B2C_EMPTY"];
10
- };
11
- readonly profileImage: {
12
- readonly if: {
13
- readonly arg: "profileType";
14
- };
15
- readonly control: "radio";
16
- readonly options: readonly [undefined, "있음"];
17
- };
18
- };
19
- readonly args: {
20
- readonly profileType: "B2C";
21
- };
22
- };
23
- export default meta;
24
- type Args = {
25
- profileType: (typeof meta)['argTypes']['profileType']['options'][number];
26
- profileImage: (typeof meta)['argTypes']['profileImage']['options'][number];
27
- };
28
- export declare const Default: {
29
- readonly render: ({ profileType, profileImage }: Args) => import("react/jsx-runtime").JSX.Element;
30
- };
31
- //# sourceMappingURL=GnbProfile.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GnbProfile.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbProfile/GnbProfile.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAiBA,CAAC;AAEX,eAAe,IAAI,CAAC;AAEpB,KAAK,IAAI,GAAG;IACV,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;CAC5E,CAAC;AAEF,eAAO,MAAM,OAAO;qDACoB,IAAI;CAyGlC,CAAC"}
@@ -1,64 +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 MyInfo = require('./parts/MyInfo.cjs');
8
- var MyPasses = require('./parts/MyPasses.cjs');
9
- var style = require('./style.cjs');
10
- var UserShortInfo = require('./parts/UserShortInfo.cjs');
11
- var BusinessUserShortInfo = require('./parts/BusinessUserShortInfo.cjs');
12
- var mixin = require('@remember-web/mixin');
13
- var MyPassesDetail = require('./parts/MyPassesDetail.cjs');
14
- var index$1 = require('../GnbDropdownLinkItem/index.cjs');
15
- var jsxRuntime = require('react/jsx-runtime');
16
- var index = require('../../../Floating/DropdownMenu/index.cjs');
17
-
18
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
19
-
20
- var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
21
- var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
22
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
23
- var styled__default = /*#__PURE__*/_interopDefault(styled);
24
-
25
- var _templateObject;
26
- var _excluded = ["ButtonContentSlot", "children"];
27
- 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; }
28
- 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; }
29
- var GnbProfile = function GnbProfile(_ref) {
30
- var ButtonContentSlot = _ref.ButtonContentSlot,
31
- children = _ref.children,
32
- props = _objectWithoutProperties__default.default(_ref, _excluded);
33
- return /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
34
- children: [/*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
35
- children: /*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbProfileButton, {
36
- "data-is-mobile-popover-hidden": true,
37
- children: [ButtonContentSlot, /*#__PURE__*/jsxRuntime.jsx(style.StyledGnpProfileIconArrow2DownS, {
38
- "data-only-desktop": true
39
- })]
40
- })
41
- }), children]
42
- }));
43
- };
44
- GnbProfile.UserShortInfo = UserShortInfo.UserShortInfo;
45
- GnbProfile.BusinessUserShortInfo = BusinessUserShortInfo.BusinessUserShortInfo;
46
- GnbProfile.Content = function (props) {
47
- return /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbProfileContent, _objectSpread(_objectSpread({
48
- align: "end",
49
- sideOffset: -16
50
- }, props), {}, {
51
- "data-mobile-fullover": true
52
- }));
53
- };
54
- GnbProfile.MyInfo = MyInfo.MyInfo;
55
- GnbProfile.MyPasses = MyPasses.MyPasses;
56
- GnbProfile.Section = index.Section;
57
- GnbProfile.MyPassesDetail = MyPassesDetail.MyPassesDetail;
58
- GnbProfile.LinkItem = styled__default.default(index$1.GnbDropdownLinkItem)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n ", ";\n"])), mixin.getTypographyStyles('Body1_M'));
59
- GnbProfile.LinkItem.defaultProps = {
60
- hasArrow: true
61
- };
62
-
63
- exports.GnbProfile = GnbProfile;
64
- //# sourceMappingURL=index.cjs.map