@remember-web/primitive 0.1.15 → 0.1.16

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.
@@ -26,7 +26,9 @@ var RememberServiceLogo = function RememberServiceLogo(_ref) {
26
26
  _ref$color = _ref.color,
27
27
  color = _ref$color === void 0 ? 'black' : _ref$color,
28
28
  props = _objectWithoutProperties__default.default(_ref, _excluded);
29
- return /*#__PURE__*/jsxRuntime.jsxs(style.StyledServiceLogoRoot, _objectSpread(_objectSpread({}, props), {}, {
29
+ return /*#__PURE__*/jsxRuntime.jsxs(style.StyledServiceLogoRoot, _objectSpread(_objectSpread({
30
+ $color: color
31
+ }, props), {}, {
30
32
  children: [/*#__PURE__*/jsxRuntime.jsx(index.RememberLogo, {
31
33
  color: color
32
34
  }), label && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport type { RememberLogoProps } from '@/Logos/types';\nimport { Divider } from '@/Common';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n typeof StyledServiceLogoRoot,\n As\n> & {\n label?: string;\n color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n label,\n color = 'black',\n ...props\n}: GnbNaviLogoProps<As>) => (\n <StyledServiceLogoRoot {...props}>\n <RememberLogo color={color} />\n {label && (\n <>\n <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n <b>{label}</b>\n </>\n )}\n </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","children","_jsx","RememberLogo","_Fragment","Divider","decorative","orientation","style","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,yCAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,2BAAqB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC9BC,cAAA,CAACC,kBAAY,EAAA;AAACT,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,eAAA,CAAAM,mBAAA,EAAA;MAAAH,QAAA,EAAA,cACEC,cAAA,CAACG,eAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAA;AAAO,SAAA;OAAI,CAAC,eACxEP,cAAA,CAAA,GAAA,EAAA;AAAAD,QAAAA,QAAA,EAAIT,KAAAA;AAAK,OAAI,CAAC,CAAA;AAAA,KACd,CACH,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport type { RememberLogoProps } from '@/Logos/types';\nimport { Divider } from '@/Common';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n typeof StyledServiceLogoRoot,\n As\n> & {\n label?: string;\n color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n label,\n color = 'black',\n ...props\n}: GnbNaviLogoProps<As>) => (\n <StyledServiceLogoRoot $color={color} {...props}>\n <RememberLogo color={color} />\n {label && (\n <>\n <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n <b>{label}</b>\n </>\n )}\n </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","$color","children","_jsx","RememberLogo","_Fragment","Divider","decorative","orientation","style","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,yCAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,eAAA,CAACC,2BAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,MAAM,EAAEP,KAAAA;AAAM,GAAA,EAAKC,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAO,QAAA,EAAA,cAC7CC,cAAA,CAACC,kBAAY,EAAA;AAACV,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,eAAA,CAAAO,mBAAA,EAAA;MAAAH,QAAA,EAAA,cACEC,cAAA,CAACG,eAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAA;AAAO,SAAA;OAAI,CAAC,eACxEP,cAAA,CAAA,GAAA,EAAA;AAAAD,QAAAA,QAAA,EAAIV,KAAAA;AAAK,OAAI,CAAC,CAAA;AAAA,KACd,CACH,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAAA;;;;"}
@@ -19,7 +19,9 @@ var RememberServiceLogo = function RememberServiceLogo(_ref) {
19
19
  _ref$color = _ref.color,
20
20
  color = _ref$color === void 0 ? 'black' : _ref$color,
21
21
  props = _objectWithoutProperties(_ref, _excluded);
22
- return /*#__PURE__*/jsxs(StyledServiceLogoRoot, _objectSpread(_objectSpread({}, props), {}, {
22
+ return /*#__PURE__*/jsxs(StyledServiceLogoRoot, _objectSpread(_objectSpread({
23
+ $color: color
24
+ }, props), {}, {
23
25
  children: [/*#__PURE__*/jsx(RememberLogo, {
24
26
  color: color
25
27
  }), label && /*#__PURE__*/jsxs(Fragment, {
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport type { RememberLogoProps } from '@/Logos/types';\nimport { Divider } from '@/Common';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n typeof StyledServiceLogoRoot,\n As\n> & {\n label?: string;\n color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n label,\n color = 'black',\n ...props\n}: GnbNaviLogoProps<As>) => (\n <StyledServiceLogoRoot {...props}>\n <RememberLogo color={color} />\n {label && (\n <>\n <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n <b>{label}</b>\n </>\n )}\n </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","children","_jsx","RememberLogo","_Fragment","Divider","decorative","orientation","style","height"],"mappings":";;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,qBAAqB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC9BC,GAAA,CAACC,YAAY,EAAA;AAACT,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,IAAA,CAAAM,QAAA,EAAA;MAAAH,QAAA,EAAA,cACEC,GAAA,CAACG,OAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAA;AAAO,SAAA;OAAI,CAAC,eACxEP,GAAA,CAAA,GAAA,EAAA;AAAAD,QAAAA,QAAA,EAAIT,KAAAA;AAAK,OAAI,CAAC,CAAA;AAAA,KACd,CACH,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport type { RememberLogoProps } from '@/Logos/types';\nimport { Divider } from '@/Common';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n typeof StyledServiceLogoRoot,\n As\n> & {\n label?: string;\n color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n label,\n color = 'black',\n ...props\n}: GnbNaviLogoProps<As>) => (\n <StyledServiceLogoRoot $color={color} {...props}>\n <RememberLogo color={color} />\n {label && (\n <>\n <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n <b>{label}</b>\n </>\n )}\n </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","$color","children","_jsx","RememberLogo","_Fragment","Divider","decorative","orientation","style","height"],"mappings":";;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,IAAA,CAACC,qBAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,MAAM,EAAEP,KAAAA;AAAM,GAAA,EAAKC,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAO,QAAA,EAAA,cAC7CC,GAAA,CAACC,YAAY,EAAA;AAACV,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,IAAA,CAAAO,QAAA,EAAA;MAAAH,QAAA,EAAA,cACEC,GAAA,CAACG,OAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAA;AAAO,SAAA;OAAI,CAAC,eACxEP,GAAA,CAAA,GAAA,EAAA;AAAAD,QAAAA,QAAA,EAAIV,KAAAA;AAAK,OAAI,CAAC,CAAA;AAAA,KACd,CACH,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAAA;;;;"}
@@ -10,7 +10,11 @@ var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTempla
10
10
  var styled__default = /*#__PURE__*/_interopDefault(styled);
11
11
 
12
12
  var _templateObject;
13
- var StyledServiceLogoRoot = styled__default.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ", ";\n text-decoration: none;\n line-height: 16px;\n }\n"])), mixin.contents000, mixin.getTypographyStyles('Title2'));
13
+ var StyledServiceLogoRoot = styled__default.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ", ";\n text-decoration: none;\n line-height: 16px;\n }\n"])), function (_ref) {
14
+ var _ref$$color = _ref.$color,
15
+ $color = _ref$$color === void 0 ? mixin.contents000 : _ref$$color;
16
+ return $color;
17
+ }, mixin.getTypographyStyles('Title2'));
14
18
 
15
19
  exports.StyledServiceLogoRoot = StyledServiceLogoRoot;
16
20
  //# sourceMappingURL=style.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"style.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { contents000, getTypographyStyles } from '@remember-web/mixin';\n\nexport const StyledServiceLogoRoot = styled.a`\n box-sizing: border-box;\n text-decoration: none;\n color: ${contents000};\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ${getTypographyStyles('Title2')};\n text-decoration: none;\n line-height: 16px;\n }\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","contents000","getTypographyStyles"],"mappings":";;;;;;;;;;;;IAGaA,qBAAqB,GAAGC,uBAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,qNAGlCC,iBAAW,EAOhBC,yBAAmB,CAAC,QAAQ,CAAC;;;;"}
1
+ {"version":3,"file":"style.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { contents000, getTypographyStyles } from '@remember-web/mixin';\n\nexport const StyledServiceLogoRoot = styled.a<{ $color?: string }>`\n box-sizing: border-box;\n text-decoration: none;\n color: ${({ $color = contents000 }) => $color};\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ${getTypographyStyles('Title2')};\n text-decoration: none;\n line-height: 16px;\n }\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","_ref","_ref$$color","$color","contents000","getTypographyStyles"],"mappings":";;;;;;;;;;;;AAGaA,IAAAA,qBAAqB,GAAGC,uBAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,kEAAA,EAAA,0EAAA,EAAA,8DAAA,CAAA,CAAA,CAAA,EAGlC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGE,KAAAA,CAAAA,GAAAA,iBAAW,GAAAF,WAAA,CAAA;AAAA,EAAA,OAAOC,MAAM,CAAA;AAAA,CAAA,EAOzCE,yBAAmB,CAAC,QAAQ,CAAC;;;;"}
@@ -1,3 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledServiceLogoRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
2
+ export declare const StyledServiceLogoRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
3
+ $color?: string | undefined;
4
+ }>>;
3
5
  //# sourceMappingURL=style.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,qBAAqB,4NAcjC,CAAC"}
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,qBAAqB;;GAcjC,CAAC"}
@@ -1,9 +1,13 @@
1
1
  import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
2
2
  import styled from 'styled-components';
3
- import { contents000, getTypographyStyles } from '@remember-web/mixin';
3
+ import { getTypographyStyles, contents000 } from '@remember-web/mixin';
4
4
 
5
5
  var _templateObject;
6
- var StyledServiceLogoRoot = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ", ";\n text-decoration: none;\n line-height: 16px;\n }\n"])), contents000, getTypographyStyles('Title2'));
6
+ var StyledServiceLogoRoot = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ", ";\n text-decoration: none;\n line-height: 16px;\n }\n"])), function (_ref) {
7
+ var _ref$$color = _ref.$color,
8
+ $color = _ref$$color === void 0 ? contents000 : _ref$$color;
9
+ return $color;
10
+ }, getTypographyStyles('Title2'));
7
11
 
8
12
  export { StyledServiceLogoRoot };
9
13
  //# sourceMappingURL=style.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"style.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { contents000, getTypographyStyles } from '@remember-web/mixin';\n\nexport const StyledServiceLogoRoot = styled.a`\n box-sizing: border-box;\n text-decoration: none;\n color: ${contents000};\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ${getTypographyStyles('Title2')};\n text-decoration: none;\n line-height: 16px;\n }\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","contents000","getTypographyStyles"],"mappings":";;;;;IAGaA,qBAAqB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qNAGlCC,WAAW,EAOhBC,mBAAmB,CAAC,QAAQ,CAAC;;;;"}
1
+ {"version":3,"file":"style.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { contents000, getTypographyStyles } from '@remember-web/mixin';\n\nexport const StyledServiceLogoRoot = styled.a<{ $color?: string }>`\n box-sizing: border-box;\n text-decoration: none;\n color: ${({ $color = contents000 }) => $color};\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ${getTypographyStyles('Title2')};\n text-decoration: none;\n line-height: 16px;\n }\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","_ref","_ref$$color","$color","contents000","getTypographyStyles"],"mappings":";;;;;AAGaA,IAAAA,qBAAqB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,kEAAA,EAAA,0EAAA,EAAA,8DAAA,CAAA,CAAA,CAAA,EAGlC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGE,KAAAA,CAAAA,GAAAA,WAAW,GAAAF,WAAA,CAAA;AAAA,EAAA,OAAOC,MAAM,CAAA;AAAA,CAAA,EAOzCE,mBAAmB,CAAC,QAAQ,CAAC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remember-web/primitive",
3
- "version": "0.1.15",
3
+ "version": "0.1.16",
4
4
  "description": "Remember Web Primitive Components",
5
5
  "homepage": "https://dramancompany.github.io/remember-web-packages/",
6
6
  "author": "Remember",
@@ -19,7 +19,7 @@ export const RememberServiceLogo = <As,>({
19
19
  color = 'black',
20
20
  ...props
21
21
  }: GnbNaviLogoProps<As>) => (
22
- <StyledServiceLogoRoot {...props}>
22
+ <StyledServiceLogoRoot $color={color} {...props}>
23
23
  <RememberLogo color={color} />
24
24
  {label && (
25
25
  <>
@@ -1,10 +1,10 @@
1
1
  import styled from 'styled-components';
2
2
  import { contents000, getTypographyStyles } from '@remember-web/mixin';
3
3
 
4
- export const StyledServiceLogoRoot = styled.a`
4
+ export const StyledServiceLogoRoot = styled.a<{ $color?: string }>`
5
5
  box-sizing: border-box;
6
6
  text-decoration: none;
7
- color: ${contents000};
7
+ color: ${({ $color = contents000 }) => $color};
8
8
 
9
9
  display: flex;
10
10
  align-items: end;