@liner-fe/design-token 2.0.41 → 2.0.43

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 (19) hide show
  1. package/global.css +391 -5
  2. package/global.scss +320 -0
  3. package/lib/components/Head.d.ts +2 -0
  4. package/lib/design/color/index.d.ts +2 -0
  5. package/lib/design/typography/index.d.ts +0 -1
  6. package/lib/design/vars.d.ts +1 -0
  7. package/lib/index.cjs +31 -22
  8. package/lib/index.cjs.map +4 -4
  9. package/lib/index.d.ts +1 -0
  10. package/lib/index.mjs +31 -22
  11. package/lib/index.mjs.map +4 -4
  12. package/package.json +7 -3
  13. package/src/components/Head.tsx +29 -0
  14. package/src/design/color/index.ts +1 -1
  15. package/src/design/typography/index.ts +0 -1
  16. package/src/design/vars.ts +1 -1
  17. package/src/index.ts +1 -0
  18. package/src/design/typography/semantic.ts +0 -33
  19. package/src/design/typography/types.ts +0 -32
package/src/components/Head.tsx ADDED
@@ -0,0 +1,29 @@
1
+ import React from 'react';
2
+
3
+ export const DesignSystemHead = () => {
4
+ return (
5
+ <>
6
+ {/* Pretendard JP Variable */}
7
+ <link
8
+ rel="stylesheet"
9
+ as="style"
10
+ crossOrigin={'anonymous'}
11
+ href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css"
12
+ />
13
+ {/* Pretendard Variable */}
14
+ <link
15
+ rel="stylesheet"
16
+ as="style"
17
+ crossOrigin={'anonymous'}
18
+ href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css"
19
+ />
20
+ {/* "Poppins", sans-serif; */}
21
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
22
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin={'anonymous'} />
23
+ <link
24
+ href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
25
+ rel="stylesheet"
26
+ />
27
+ </>
28
+ );
29
+ };
package/src/design/color/index.ts CHANGED
@@ -1 +1 @@
1
- export const color = {"color":{"primitive":{"lp-pri-achromatic-white":"#ffffff","lp-pri-achromatic-black":"#000000","lp-pri-gray-cool-980":"#F9F9FA","lp-pri-gray-cool-970":"#F6F6F7","lp-pri-gray-cool-940":"#EDEEF0","lp-pri-gray-cool-920":"#E9E9EB","lp-pri-gray-cool-900":"#E3E3E6","lp-pri-gray-cool-850":"#D7D7D9","lp-pri-gray-cool-750":"#BEBFC2","lp-pri-gray-cool-600":"#939499","lp-pri-gray-cool-450":"#6D6D70","lp-pri-gray-cool-350":"#58595C","lp-pri-gray-cool-300":"#4A4A4D","lp-pri-gray-cool-250":"#3B3B3D","lp-pri-gray-cool-200":"#313133","lp-pri-gray-cool-100":"#1E1E1F","lp-pri-brand-original-950":"#F5F6FF","lp-pri-brand-original-900":"#E9EBFF","lp-pri-brand-original-800":"#D4D7FF","lp-pri-brand-original-700":"#ADB3FF","lp-pri-brand-original-600":"#8690FF","lp-pri-brand-original-500":"#5F6CFF","lp-pri-brand-original-400":"#3B49E3","lp-pri-brand-original-300":"#303CB5","lp-pri-brand-original-200":"#242F86","lp-pri-brand-original-100":"#1B2366","lp-pri-brand-original-50":"#151A4D","lp-pri-brand-variation-950":"#F6F4FE","lp-pri-brand-variation-900":"#EDE9FE","lp-pri-brand-variation-800":"#DBD3FE","lp-pri-brand-variation-700":"#B8A7FE","lp-pri-brand-variation-600":"#947BFE","lp-pri-brand-variation-500":"#704FFD","lp-pri-brand-variation-400":"#593AFF","lp-pri-brand-variation-300":"#422BCE","lp-pri-brand-variation-200":"#321F9B","lp-pri-brand-variation-100":"#24156E","lp-pri-brand-variation-50":"#1A1052","lp-pri-red-900":"#FFE9EB","lp-pri-red-800":"#FFCDD1","lp-pri-red-700":"#FF9AA2","lp-pri-red-600":"#FF6773","lp-pri-red-500":"#FF3445","lp-pri-red-400":"#FA1D2F","lp-pri-red-300":"#C2172C","lp-pri-red-200":"#910B1D","lp-pri-red-100":"#68081A","lp-pri-red-50":"#4A0616","lp-pri-orange-900":"#FFEEE6","lp-pri-orange-800":"#FFD2B8","lp-pri-orange-700":"#FFA970","lp-pri-orange-600":"#FF8842","lp-pri-orange-500":"#FF6215","lp-pri-orange-400":"#F84B10","lp-pri-orange-300":"#BD3512","lp-pri-orange-200":"#8A220D","lp-pri-orange-100":"#61170E","lp-pri-orange-50":"#45110E","lp-pri-rainbow-yellow-950":"#FFFDF4","lp-pri-rainbow-yellow-900":"#FFF9E3","lp-pri-rainbow-yellow-800":"#FFF0B4","lp-pri-rainbow-yellow-700":"#FFE375","lp-pri-rainbow-yellow-600":"#FFD739","lp-pri-rainbow-yellow-500":"#FFCC00","lp-pri-rainbow-yellow-400":"#DBB003","lp-pri-rainbow-yellow-300":"#B89405","lp-pri-rainbow-yellow-200":"#715B05","lp-pri-rainbow-yellow-100":"#413503","lp-pri-green-900":"#E2F6E5","lp-pri-green-800":"#BDEAC4","lp-pri-green-700":"#83D88E","lp-pri-green-600":"#51C760","lp-pri-green-500":"#26AF3E","lp-pri-green-400":"#1B9632","lp-pri-green-300":"#137728","lp-pri-green-200":"#0C5B1F","lp-pri-green-100":"#074218","lp-pri-green-50":"#053014","lp-pri-rainbow-mint-950":"#F3FEFE","lp-pri-rainbow-mint-900":"#AFF7F7","lp-pri-rainbow-mint-800":"#6EF0F0","lp-pri-rainbow-mint-700":"#33E6E6","lp-pri-rainbow-mint-600":"#00CCCC","lp-pri-rainbow-mint-500":"#02B0B0","lp-pri-rainbow-mint-400":"#02B0B0","lp-pri-rainbow-mint-300":"#049494","lp-pri-rainbow-mint-200":"#045C5C","lp-pri-rainbow-mint-100":"#033737","lp-pri-rainbow-cyan-950":"#F6FBFF","lp-pri-rainbow-cyan-900":"#E8F6FF","lp-pri-rainbow-cyan-800":"#C6E8FF","lp-pri-rainbow-cyan-700":"#97D5FF","lp-pri-rainbow-cyan-600":"#6AC4FF","lp-pri-rainbow-cyan-500":"#40B3FF","lp-pri-rainbow-cyan-400":"#2B95DB","lp-pri-rainbow-cyan-300":"#1A79B8","lp-pri-rainbow-cyan-200":"#094771","lp-pri-rainbow-cyan-100":"#042941","lp-pri-rainbow-purple-950":"#FCF6FF","lp-pri-rainbow-purple-900":"#F7EAFE","lp-pri-rainbow-purple-800":"#EBCAFB","lp-pri-rainbow-purple-700":"#DAA0F7","lp-pri-rainbow-purple-600":"#C978F2","lp-pri-rainbow-purple-500":"#B450E6","lp-pri-rainbow-purple-400":"#9535C6","lp-pri-rainbow-purple-300":"#7920A6","lp-pri-rainbow-purple-200":"#480A67","lp-pri-rainbow-purple-100":"#29043C","lp-pri-rainbow-pink-950":"#FFF5F8","lp-pri-rainbow-pink-900":"#FFE7EF","lp-pri-rainbow-pink-800":"#FFC3D7","lp-pri-rainbow-pink-700":"#FF90B5","lp-pri-rainbow-pink-600":"#FF6095","lp-pri-rainbow-pink-500":"#FF3377","lp-pri-rainbow-pink-400":"#DB2360","lp-pri-rainbow-pink-300":"#B8164C","lp-pri-rainbow-pink-200":"#71082B","lp-pri-rainbow-pink-100":"#120107","lp-pri-gray-cool-920-alpha-80":"rgba(233, 233, 235, 0.8)","lp-pri-gray-cool-920-alpha-72":"rgba(233, 233, 235, 0.72)","lp-pri-gray-cool-920-alpha-64":"rgba(233, 233, 235, 0.64)","lp-pri-gray-cool-920-alpha-56":"rgba(233, 233, 235, 0.56)","lp-pri-gray-cool-920-alpha-50":"rgba(233, 233, 235, 0.5)","lp-pri-gray-cool-920-alpha-48":"rgba(233, 233, 235, 0.48)","lp-pri-gray-cool-920-alpha-44":"rgba(233, 233, 235, 0.44)","lp-pri-gray-cool-920-alpha-40":"rgba(233, 233, 235, 0.4)","lp-pri-gray-cool-920-alpha-36":"rgba(233, 233, 235, 0.36)","lp-pri-gray-cool-920-alpha-32":"rgba(233, 233, 235, 0.32)","lp-pri-gray-cool-920-alpha-28":"rgba(233, 233, 235, 0.28)","lp-pri-gray-cool-920-alpha-24":"rgba(233, 233, 235, 0.24)","lp-pri-gray-cool-920-alpha-20":"rgba(233, 233, 235, 0.2)","lp-pri-gray-cool-920-alpha-16":"rgba(233, 233, 235, 0.16)","lp-pri-gray-cool-920-alpha-12":"rgba(233, 233, 235, 0.12)","lp-pri-gray-cool-920-alpha-8":"rgba(233, 233, 235, 0.08)","lp-pri-gray-cool-920-alpha-4":"rgba(233, 233, 235, 0.04)","lp-pri-gray-cool-920-alpha-1":"rgba(233, 233, 235, 0.01)","lp-pri-gray-cool-920-alpha-0":"rgba(233, 233, 235, 0)","lp-pri-gray-cool-450-alpha-80":"rgba(109, 109, 112, 0.8)","lp-pri-gray-cool-450-alpha-72":"rgba(109, 109, 112, 0.72)","lp-pri-gray-cool-450-alpha-64":"rgba(109, 109, 112, 0.64)","lp-pri-gray-cool-450-alpha-56":"rgba(109, 109, 112, 0.56)","lp-pri-gray-cool-450-alpha-50":"rgba(109, 109, 112, 0.5)","lp-pri-gray-cool-450-alpha-48":"rgba(109, 109, 112, 0.48)","lp-pri-gray-cool-450-alpha-44":"rgba(109, 109, 112, 0.44)","lp-pri-gray-cool-450-alpha-40":"rgba(109, 109, 112, 0.4)","lp-pri-gray-cool-450-alpha-36":"rgba(109, 109, 112, 0.36)","lp-pri-gray-cool-450-alpha-32":"rgba(109, 109, 112, 0.32)","lp-pri-gray-cool-450-alpha-28":"rgba(109, 109, 112, 0.28)","lp-pri-gray-cool-450-alpha-24":"rgba(109, 109, 112, 0.24)","lp-pri-gray-cool-450-alpha-20":"rgba(109, 109, 112, 0.2)","lp-pri-gray-cool-450-alpha-16":"rgba(109, 109, 112, 0.16)","lp-pri-gray-cool-450-alpha-12":"rgba(109, 109, 112, 0.12)","lp-pri-gray-cool-450-alpha-8":"rgba(109, 109, 112, 0.08)","lp-pri-gray-cool-450-alpha-4":"rgba(109, 109, 112, 0.04)","lp-pri-gray-cool-450-alpha-1":"rgba(109, 109, 112, 0.01)","lp-pri-gray-cool-450-alpha-0":"rgba(109, 109, 112, 0)","lp-pri-brand-original-50-alpha-80":"rgba(21, 26, 77, 0.8)","lp-pri-brand-original-50-alpha-72":"rgba(21, 26, 77, 0.72)","lp-pri-brand-original-50-alpha-64":"rgba(21, 26, 77, 0.64)","lp-pri-brand-original-50-alpha-56":"rgba(21, 26, 77, 0.56)","lp-pri-brand-original-50-alpha-50":"rgba(21, 26, 77, 0.5)","lp-pri-brand-original-50-alpha-48":"rgba(21, 26, 77, 0.48)","lp-pri-brand-original-50-alpha-44":"rgba(21, 26, 77, 0.44)","lp-pri-brand-original-50-alpha-40":"rgba(21, 26, 77, 0.4)","lp-pri-brand-original-50-alpha-36":"rgba(21, 26, 77, 0.36)","lp-pri-brand-original-50-alpha-32":"rgba(21, 26, 77, 0.32)","lp-pri-brand-original-50-alpha-28":"rgba(21, 26, 77, 0.28)","lp-pri-brand-original-50-alpha-24":"rgba(21, 26, 77, 0.24)","lp-pri-brand-original-50-alpha-20":"rgba(21, 26, 77, 0.2)","lp-pri-brand-original-50-alpha-16":"rgba(21, 26, 77, 0.16)","lp-pri-brand-original-50-alpha-12":"rgba(21, 26, 77, 0.12)","lp-pri-brand-original-50-alpha-8":"rgba(21, 26, 77, 0.08)","lp-pri-brand-original-50-alpha-4":"rgba(21, 26, 77, 0.04)","lp-pri-brand-original-50-alpha-1":"rgba(21, 26, 77, 0.01)","lp-pri-brand-original-50-alpha-0":"rgba(21, 26, 77, 0)"},"system":{"dark":{"neutral-container-lowest":"lp-pri-gray-cool-100","neutral-container-low":"lp-pri-gray-cool-200","neutral-container-mid":"lp-pri-gray-cool-200","neutral-container-high":"lp-pri-gray-cool-250","neutral-container-highest":"lp-pri-gray-cool-300","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-12","neutral-fill-low":"lp-pri-gray-cool-450-alpha-24","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-32","neutral-label-primary":"lp-pri-achromatic-white","neutral-label-secondary":"lp-pri-gray-cool-920","neutral-label-tertiary":"lp-pri-gray-cool-920-alpha-32","neutral-label-quaternary":"lp-pri-red-200-alpha-20","neutral-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","neutral-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","neutral-border-opaque-strong":"lp-pri-achromatic-white","neutral-border-opaque-normal":"lp-pri-gray-cool-350","neutral-border-opaque-subtle":"lp-pri-gray-cool-250","inverse-container-lowest":"lp-pri-achromatic-white","inverse-container-low":"lp-pri-gray-cool-980","inverse-container-mid":"lp-pri-gray-cool-970","inverse-container-high":"lp-pri-gray-cool-940","inverse-container-highest":"lp-pri-gray-cool-920","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-4","inverse-fill-low":"lp-pri-gray-cool-450-alpha-12","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-20","inverse-label-primary":"lp-pri-gray-cool-100","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-450-alpha-80","inverse-label-tertiary":"lp-pri-gray-cool-450-alpha-44","inverse-label-quaternary":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","inverse-border-opaque-strong":"lp-pri-gray-cool-100","inverse-border-opaque-normal":"lp-pri-gray-cool-850","inverse-border-opaque-subtle":"lp-pri-gray-cool-920","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-variation-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-600","accent-mint":"lp-pri-rainbow-mint-600","accent-cyan":"lp-pri-rainbow-cyan-600","accent-purple":"lp-pri-rainbow-purple-600","accent-pink":"lp-pri-rainbow-pink-600","function-positive":"lp-pri-green-600","function-negative":"lp-pri-red-600","function-caution":"lp-pri-orange-500"},"light":{"neutral-container-lowest":"lp-pri-achromatic-white","neutral-container-low":"lp-pri-gray-cool-980","neutral-container-mid":"lp-pri-gray-cool-970","neutral-container-high":"lp-pri-gray-cool-940","neutral-container-highest":"lp-pri-gray-cool-920","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-4","neutral-fill-low":"lp-pri-gray-cool-450-alpha-12","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-20","neutral-label-primary":"lp-pri-gray-cool-100","neutral-label-secondary":"lp-pri-gray-cool-450-alpha-80","neutral-label-tertiary":"lp-pri-gray-cool-450-alpha-44","neutral-label-quaternary":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","neutral-border-opaque-strong":"lp-pri-gray-cool-100","neutral-border-opaque-normal":"lp-pri-gray-cool-850","neutral-border-opaque-subtle":"lp-pri-gray-cool-920","inverse-container-lowest":"lp-pri-gray-cool-100","inverse-container-low":"lp-pri-gray-cool-200","inverse-container-mid":"lp-pri-gray-cool-200","inverse-container-high":"lp-pri-gray-cool-250","inverse-container-highest":"lp-pri-gray-cool-300","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-12","inverse-fill-low":"lp-pri-gray-cool-450-alpha-24","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-32","inverse-label-primary":"lp-pri-achromatic-white","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-920-alpha-56","inverse-label-tertiary":"lp-pri-gray-cool-920-alpha-32","inverse-label-quaternary":"lp-pri-gray-cool-920-alpha-20","inverse-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","inverse-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","inverse-border-opaque-strong":"lp-pri-achromatic-white","inverse-border-opaque-normal":"lp-pri-gray-cool-350","inverse-border-opaque-subtle":"lp-pri-gray-cool-250","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-original-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-500","accent-mint":"lp-pri-rainbow-mint-500","accent-cyan":"lp-pri-rainbow-cyan-500","accent-purple":"lp-pri-rainbow-purple-500","accent-pink":"lp-pri-rainbow-pink-500","function-positive":"lp-pri-green-500","function-negative":"lp-pri-red-500","function-caution":"lp-pri-orange-500"}}}}
1
+ export const color = {"color":{"primitive":{"lp-pri-achromatic-white":"#ffffff","lp-pri-achromatic-black":"#000000","lp-pri-gray-cool-980":"#F9F9FA","lp-pri-gray-cool-970":"#F6F6F7","lp-pri-gray-cool-940":"#EDEEF0","lp-pri-gray-cool-920":"#E9E9EB","lp-pri-gray-cool-900":"#E3E3E6","lp-pri-gray-cool-850":"#D7D7D9","lp-pri-gray-cool-750":"#BEBFC2","lp-pri-gray-cool-600":"#939499","lp-pri-gray-cool-450":"#6D6D70","lp-pri-gray-cool-350":"#58595C","lp-pri-gray-cool-300":"#4A4A4D","lp-pri-gray-cool-250":"#3B3B3D","lp-pri-gray-cool-200":"#313133","lp-pri-gray-cool-100":"#1E1E1F","lp-pri-brand-original-950":"#F5F6FF","lp-pri-brand-original-900":"#E9EBFF","lp-pri-brand-original-800":"#D4D7FF","lp-pri-brand-original-700":"#ADB3FF","lp-pri-brand-original-600":"#8690FF","lp-pri-brand-original-500":"#5F6CFF","lp-pri-brand-original-400":"#3B49E3","lp-pri-brand-original-300":"#303CB5","lp-pri-brand-original-200":"#242F86","lp-pri-brand-original-100":"#1B2366","lp-pri-brand-original-50":"#151A4D","lp-pri-brand-variation-950":"#F6F4FE","lp-pri-brand-variation-900":"#EDE9FE","lp-pri-brand-variation-800":"#DBD3FE","lp-pri-brand-variation-700":"#B8A7FE","lp-pri-brand-variation-600":"#947BFE","lp-pri-brand-variation-500":"#704FFD","lp-pri-brand-variation-400":"#593AFF","lp-pri-brand-variation-300":"#422BCE","lp-pri-brand-variation-200":"#321F9B","lp-pri-brand-variation-100":"#24156E","lp-pri-brand-variation-50":"#1A1052","lp-pri-red-900":"#FFE9EB","lp-pri-red-800":"#FFCDD1","lp-pri-red-700":"#FF9AA2","lp-pri-red-600":"#FF6773","lp-pri-red-500":"#FF3445","lp-pri-red-400":"#FA1D2F","lp-pri-red-300":"#C2172C","lp-pri-red-200":"#910B1D","lp-pri-red-100":"#68081A","lp-pri-red-50":"#4A0616","lp-pri-orange-900":"#FFEEE6","lp-pri-orange-800":"#FFD2B8","lp-pri-orange-700":"#FFA970","lp-pri-orange-600":"#FF8842","lp-pri-orange-500":"#FF6215","lp-pri-orange-400":"#F84B10","lp-pri-orange-300":"#BD3512","lp-pri-orange-200":"#8A220D","lp-pri-orange-100":"#61170E","lp-pri-orange-50":"#45110E","lp-pri-rainbow-yellow-950":"#FFFDF4","lp-pri-rainbow-yellow-900":"#FFF9E3","lp-pri-rainbow-yellow-800":"#FFF0B4","lp-pri-rainbow-yellow-700":"#FFE375","lp-pri-rainbow-yellow-600":"#FFD739","lp-pri-rainbow-yellow-500":"#FFCC00","lp-pri-rainbow-yellow-400":"#DBB003","lp-pri-rainbow-yellow-300":"#B89405","lp-pri-rainbow-yellow-200":"#715B05","lp-pri-rainbow-yellow-100":"#413503","lp-pri-green-900":"#E2F6E5","lp-pri-green-800":"#BDEAC4","lp-pri-green-700":"#83D88E","lp-pri-green-600":"#51C760","lp-pri-green-500":"#26AF3E","lp-pri-green-400":"#1B9632","lp-pri-green-300":"#137728","lp-pri-green-200":"#0C5B1F","lp-pri-green-100":"#074218","lp-pri-green-50":"#053014","lp-pri-rainbow-mint-950":"#F3FEFE","lp-pri-rainbow-mint-900":"#AFF7F7","lp-pri-rainbow-mint-800":"#6EF0F0","lp-pri-rainbow-mint-700":"#33E6E6","lp-pri-rainbow-mint-600":"#00CCCC","lp-pri-rainbow-mint-500":"#02B0B0","lp-pri-rainbow-mint-400":"#02B0B0","lp-pri-rainbow-mint-300":"#049494","lp-pri-rainbow-mint-200":"#045C5C","lp-pri-rainbow-mint-100":"#033737","lp-pri-rainbow-cyan-950":"#F6FBFF","lp-pri-rainbow-cyan-900":"#E8F6FF","lp-pri-rainbow-cyan-800":"#C6E8FF","lp-pri-rainbow-cyan-700":"#97D5FF","lp-pri-rainbow-cyan-600":"#6AC4FF","lp-pri-rainbow-cyan-500":"#40B3FF","lp-pri-rainbow-cyan-400":"#2B95DB","lp-pri-rainbow-cyan-300":"#1A79B8","lp-pri-rainbow-cyan-200":"#094771","lp-pri-rainbow-cyan-100":"#042941","lp-pri-rainbow-purple-950":"#FCF6FF","lp-pri-rainbow-purple-900":"#F7EAFE","lp-pri-rainbow-purple-800":"#EBCAFB","lp-pri-rainbow-purple-700":"#DAA0F7","lp-pri-rainbow-purple-600":"#C978F2","lp-pri-rainbow-purple-500":"#B450E6","lp-pri-rainbow-purple-400":"#9535C6","lp-pri-rainbow-purple-300":"#7920A6","lp-pri-rainbow-purple-200":"#480A67","lp-pri-rainbow-purple-100":"#29043C","lp-pri-rainbow-pink-950":"#FFF5F8","lp-pri-rainbow-pink-900":"#FFE7EF","lp-pri-rainbow-pink-800":"#FFC3D7","lp-pri-rainbow-pink-700":"#FF90B5","lp-pri-rainbow-pink-600":"#FF6095","lp-pri-rainbow-pink-500":"#FF3377","lp-pri-rainbow-pink-400":"#DB2360","lp-pri-rainbow-pink-300":"#B8164C","lp-pri-rainbow-pink-200":"#71082B","lp-pri-rainbow-pink-100":"#120107","lp-pri-gray-cool-920-alpha-80":"rgba(233, 233, 235, 0.8)","lp-pri-gray-cool-920-alpha-72":"rgba(233, 233, 235, 0.72)","lp-pri-gray-cool-920-alpha-64":"rgba(233, 233, 235, 0.64)","lp-pri-gray-cool-920-alpha-56":"rgba(233, 233, 235, 0.56)","lp-pri-gray-cool-920-alpha-50":"rgba(233, 233, 235, 0.5)","lp-pri-gray-cool-920-alpha-48":"rgba(233, 233, 235, 0.48)","lp-pri-gray-cool-920-alpha-44":"rgba(233, 233, 235, 0.44)","lp-pri-gray-cool-920-alpha-40":"rgba(233, 233, 235, 0.4)","lp-pri-gray-cool-920-alpha-36":"rgba(233, 233, 235, 0.36)","lp-pri-gray-cool-920-alpha-32":"rgba(233, 233, 235, 0.32)","lp-pri-gray-cool-920-alpha-28":"rgba(233, 233, 235, 0.28)","lp-pri-gray-cool-920-alpha-24":"rgba(233, 233, 235, 0.24)","lp-pri-gray-cool-920-alpha-20":"rgba(233, 233, 235, 0.2)","lp-pri-gray-cool-920-alpha-16":"rgba(233, 233, 235, 0.16)","lp-pri-gray-cool-920-alpha-12":"rgba(233, 233, 235, 0.12)","lp-pri-gray-cool-920-alpha-8":"rgba(233, 233, 235, 0.08)","lp-pri-gray-cool-920-alpha-4":"rgba(233, 233, 235, 0.04)","lp-pri-gray-cool-920-alpha-1":"rgba(233, 233, 235, 0.01)","lp-pri-gray-cool-920-alpha-0":"rgba(233, 233, 235, 0)","lp-pri-gray-cool-450-alpha-80":"rgba(109, 109, 112, 0.8)","lp-pri-gray-cool-450-alpha-72":"rgba(109, 109, 112, 0.72)","lp-pri-gray-cool-450-alpha-64":"rgba(109, 109, 112, 0.64)","lp-pri-gray-cool-450-alpha-56":"rgba(109, 109, 112, 0.56)","lp-pri-gray-cool-450-alpha-50":"rgba(109, 109, 112, 0.5)","lp-pri-gray-cool-450-alpha-48":"rgba(109, 109, 112, 0.48)","lp-pri-gray-cool-450-alpha-44":"rgba(109, 109, 112, 0.44)","lp-pri-gray-cool-450-alpha-40":"rgba(109, 109, 112, 0.4)","lp-pri-gray-cool-450-alpha-36":"rgba(109, 109, 112, 0.36)","lp-pri-gray-cool-450-alpha-32":"rgba(109, 109, 112, 0.32)","lp-pri-gray-cool-450-alpha-28":"rgba(109, 109, 112, 0.28)","lp-pri-gray-cool-450-alpha-24":"rgba(109, 109, 112, 0.24)","lp-pri-gray-cool-450-alpha-20":"rgba(109, 109, 112, 0.2)","lp-pri-gray-cool-450-alpha-16":"rgba(109, 109, 112, 0.16)","lp-pri-gray-cool-450-alpha-12":"rgba(109, 109, 112, 0.12)","lp-pri-gray-cool-450-alpha-8":"rgba(109, 109, 112, 0.08)","lp-pri-gray-cool-450-alpha-4":"rgba(109, 109, 112, 0.04)","lp-pri-gray-cool-450-alpha-1":"rgba(109, 109, 112, 0.01)","lp-pri-gray-cool-450-alpha-0":"rgba(109, 109, 112, 0)","lp-pri-brand-original-50-alpha-80":"rgba(21, 26, 77, 0.8)","lp-pri-brand-original-50-alpha-72":"rgba(21, 26, 77, 0.72)","lp-pri-brand-original-50-alpha-64":"rgba(21, 26, 77, 0.64)","lp-pri-brand-original-50-alpha-56":"rgba(21, 26, 77, 0.56)","lp-pri-brand-original-50-alpha-50":"rgba(21, 26, 77, 0.5)","lp-pri-brand-original-50-alpha-48":"rgba(21, 26, 77, 0.48)","lp-pri-brand-original-50-alpha-44":"rgba(21, 26, 77, 0.44)","lp-pri-brand-original-50-alpha-40":"rgba(21, 26, 77, 0.4)","lp-pri-brand-original-50-alpha-36":"rgba(21, 26, 77, 0.36)","lp-pri-brand-original-50-alpha-32":"rgba(21, 26, 77, 0.32)","lp-pri-brand-original-50-alpha-28":"rgba(21, 26, 77, 0.28)","lp-pri-brand-original-50-alpha-24":"rgba(21, 26, 77, 0.24)","lp-pri-brand-original-50-alpha-20":"rgba(21, 26, 77, 0.2)","lp-pri-brand-original-50-alpha-16":"rgba(21, 26, 77, 0.16)","lp-pri-brand-original-50-alpha-12":"rgba(21, 26, 77, 0.12)","lp-pri-brand-original-50-alpha-8":"rgba(21, 26, 77, 0.08)","lp-pri-brand-original-50-alpha-4":"rgba(21, 26, 77, 0.04)","lp-pri-brand-original-50-alpha-1":"rgba(21, 26, 77, 0.01)","lp-pri-brand-original-50-alpha-0":"rgba(21, 26, 77, 0)"},"system":{"dark":{"neutral-container-lowest":"lp-pri-gray-cool-100","neutral-container-low":"lp-pri-gray-cool-200","neutral-container-mid":"lp-pri-gray-cool-200","neutral-container-high":"lp-pri-gray-cool-250","neutral-container-highest":"lp-pri-gray-cool-300","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-12","neutral-fill-low":"lp-pri-gray-cool-450-alpha-24","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-32","neutral-fill-on-mid":"lp-pri-gray-cool-920-alpha-24","neutral-label-primary":"lp-pri-achromatic-white","neutral-label-secondary":"lp-pri-gray-cool-920","neutral-label-tertiary":"lp-pri-gray-cool-920-alpha-32","neutral-label-quaternary":"lp-pri-red-200-alpha-20","neutral-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","neutral-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","neutral-border-opaque-strong":"lp-pri-achromatic-white","neutral-border-opaque-normal":"lp-pri-gray-cool-350","neutral-border-opaque-subtle":"lp-pri-gray-cool-250","inverse-container-lowest":"lp-pri-achromatic-white","inverse-container-low":"lp-pri-gray-cool-980","inverse-container-mid":"lp-pri-gray-cool-970","inverse-container-high":"lp-pri-gray-cool-940","inverse-container-highest":"lp-pri-gray-cool-920","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-4","inverse-fill-low":"lp-pri-gray-cool-450-alpha-12","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-20","inverse-label-primary":"lp-pri-gray-cool-100","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-450-alpha-80","inverse-label-tertiary":"lp-pri-gray-cool-450-alpha-44","inverse-label-quaternary":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","inverse-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","inverse-border-opaque-strong":"lp-pri-gray-cool-100","inverse-border-opaque-normal":"lp-pri-gray-cool-850","inverse-border-opaque-subtle":"lp-pri-gray-cool-920","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-variation-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-600","accent-mint":"lp-pri-rainbow-mint-600","accent-cyan":"lp-pri-rainbow-cyan-600","accent-purple":"lp-pri-rainbow-purple-600","accent-pink":"lp-pri-rainbow-pink-600","function-positive":"lp-pri-green-600","function-negative":"lp-pri-red-600","function-caution":"lp-pri-orange-500"},"light":{"neutral-container-lowest":"lp-pri-achromatic-white","neutral-container-low":"lp-pri-gray-cool-980","neutral-container-mid":"lp-pri-gray-cool-970","neutral-container-high":"lp-pri-gray-cool-940","neutral-container-highest":"lp-pri-gray-cool-920","neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-4","neutral-fill-low":"lp-pri-gray-cool-450-alpha-12","neutral-fill-mid":"lp-pri-gray-cool-450-alpha-20","neutral-fill-on-mid":"lp-pri-achromatic-white","neutral-label-primary":"lp-pri-gray-cool-100","neutral-label-secondary":"lp-pri-gray-cool-450-alpha-80","neutral-label-tertiary":"lp-pri-gray-cool-450-alpha-44","neutral-label-quaternary":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","neutral-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","neutral-border-opaque-strong":"lp-pri-gray-cool-100","neutral-border-opaque-normal":"lp-pri-gray-cool-850","neutral-border-opaque-subtle":"lp-pri-gray-cool-920","inverse-container-lowest":"lp-pri-gray-cool-100","inverse-container-low":"lp-pri-gray-cool-200","inverse-container-mid":"lp-pri-gray-cool-200","inverse-container-high":"lp-pri-gray-cool-250","inverse-container-highest":"lp-pri-gray-cool-300","inverse-fill-lowest":"lp-pri-gray-cool-450-alpha-12","inverse-fill-low":"lp-pri-gray-cool-450-alpha-24","inverse-fill-mid":"lp-pri-gray-cool-450-alpha-32","inverse-label-primary":"lp-pri-achromatic-white","inverse-label-static-primary":"lp-pri-achromatic-white","inverse-label-secondary":"lp-pri-gray-cool-920-alpha-56","inverse-label-tertiary":"lp-pri-gray-cool-920-alpha-32","inverse-label-quaternary":"lp-pri-gray-cool-920-alpha-20","inverse-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","inverse-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","inverse-border-opaque-strong":"lp-pri-achromatic-white","inverse-border-opaque-normal":"lp-pri-gray-cool-350","inverse-border-opaque-subtle":"lp-pri-gray-cool-250","brand-container-mid":"lp-pri-brand-original-500","brand-container-high":"lp-pri-brand-original-400","brand-label-primary":"lp-pri-brand-original-500","brand-label-secondary":"lp-pri-brand-original-50-alpha-80","brand-border-overlay-normal":"lp-pri-brand-original-500","brand-border-opaque-normal":"lp-pri-brand-original-50-alpha-20","accent-yellow":"lp-pri-rainbow-yellow-500","accent-mint":"lp-pri-rainbow-mint-500","accent-cyan":"lp-pri-rainbow-cyan-500","accent-purple":"lp-pri-rainbow-purple-500","accent-pink":"lp-pri-rainbow-pink-500","function-positive":"lp-pri-green-500","function-negative":"lp-pri-red-500","function-caution":"lp-pri-orange-500"}}}}
package/src/design/typography/index.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export * from './primitive';
2
- export * from './semantic';
3
2
  export * from './usage';
package/src/design/vars.ts CHANGED
@@ -1 +1 @@
1
- export const vars = {"color":{"neutral-container-lowest":"var(--neutral-container-lowest)","neutral-container-low":"var(--neutral-container-low)","neutral-container-mid":"var(--neutral-container-mid)","neutral-container-high":"var(--neutral-container-high)","neutral-container-highest":"var(--neutral-container-highest)","neutral-fill-lowest":"var(--neutral-fill-lowest)","neutral-fill-low":"var(--neutral-fill-low)","neutral-fill-mid":"var(--neutral-fill-mid)","neutral-label-primary":"var(--neutral-label-primary)","neutral-label-secondary":"var(--neutral-label-secondary)","neutral-label-tertiary":"var(--neutral-label-tertiary)","neutral-label-quaternary":"var(--neutral-label-quaternary)","neutral-border-overlay-normal":"var(--neutral-border-overlay-normal)","neutral-border-overlay-subtle":"var(--neutral-border-overlay-subtle)","neutral-border-opaque-strong":"var(--neutral-border-opaque-strong)","neutral-border-opaque-normal":"var(--neutral-border-opaque-normal)","neutral-border-opaque-subtle":"var(--neutral-border-opaque-subtle)","inverse-container-lowest":"var(--inverse-container-lowest)","inverse-container-low":"var(--inverse-container-low)","inverse-container-mid":"var(--inverse-container-mid)","inverse-container-high":"var(--inverse-container-high)","inverse-container-highest":"var(--inverse-container-highest)","inverse-fill-lowest":"var(--inverse-fill-lowest)","inverse-fill-low":"var(--inverse-fill-low)","inverse-fill-mid":"var(--inverse-fill-mid)","inverse-label-primary":"var(--inverse-label-primary)","inverse-label-static-primary":"var(--inverse-label-static-primary)","inverse-label-secondary":"var(--inverse-label-secondary)","inverse-label-tertiary":"var(--inverse-label-tertiary)","inverse-label-quaternary":"var(--inverse-label-quaternary)","inverse-border-overlay-normal":"var(--inverse-border-overlay-normal)","inverse-border-overlay-subtle":"var(--inverse-border-overlay-subtle)","inverse-border-opaque-strong":"var(--inverse-border-opaque-strong)","inverse-border-opaque-normal":"var(--inverse-border-opaque-normal)","inverse-border-opaque-subtle":"var(--inverse-border-opaque-subtle)","brand-container-mid":"var(--brand-container-mid)","brand-container-high":"var(--brand-container-high)","brand-label-primary":"var(--brand-label-primary)","brand-label-secondary":"var(--brand-label-secondary)","brand-border-overlay-normal":"var(--brand-border-overlay-normal)","brand-border-opaque-normal":"var(--brand-border-opaque-normal)","accent-yellow":"var(--accent-yellow)","accent-mint":"var(--accent-mint)","accent-cyan":"var(--accent-cyan)","accent-purple":"var(--accent-purple)","accent-pink":"var(--accent-pink)","function-positive":"var(--function-positive)","function-negative":"var(--function-negative)","function-caution":"var(--function-caution)"}}
1
+ export const vars = {"color":{"neutral-container-lowest":"var(--neutral-container-lowest)","neutral-container-low":"var(--neutral-container-low)","neutral-container-mid":"var(--neutral-container-mid)","neutral-container-high":"var(--neutral-container-high)","neutral-container-highest":"var(--neutral-container-highest)","neutral-fill-lowest":"var(--neutral-fill-lowest)","neutral-fill-low":"var(--neutral-fill-low)","neutral-fill-mid":"var(--neutral-fill-mid)","neutral-fill-on-mid":"var(--neutral-fill-on-mid)","neutral-label-primary":"var(--neutral-label-primary)","neutral-label-secondary":"var(--neutral-label-secondary)","neutral-label-tertiary":"var(--neutral-label-tertiary)","neutral-label-quaternary":"var(--neutral-label-quaternary)","neutral-border-overlay-normal":"var(--neutral-border-overlay-normal)","neutral-border-overlay-subtle":"var(--neutral-border-overlay-subtle)","neutral-border-opaque-strong":"var(--neutral-border-opaque-strong)","neutral-border-opaque-normal":"var(--neutral-border-opaque-normal)","neutral-border-opaque-subtle":"var(--neutral-border-opaque-subtle)","inverse-container-lowest":"var(--inverse-container-lowest)","inverse-container-low":"var(--inverse-container-low)","inverse-container-mid":"var(--inverse-container-mid)","inverse-container-high":"var(--inverse-container-high)","inverse-container-highest":"var(--inverse-container-highest)","inverse-fill-lowest":"var(--inverse-fill-lowest)","inverse-fill-low":"var(--inverse-fill-low)","inverse-fill-mid":"var(--inverse-fill-mid)","inverse-label-primary":"var(--inverse-label-primary)","inverse-label-static-primary":"var(--inverse-label-static-primary)","inverse-label-secondary":"var(--inverse-label-secondary)","inverse-label-tertiary":"var(--inverse-label-tertiary)","inverse-label-quaternary":"var(--inverse-label-quaternary)","inverse-border-overlay-normal":"var(--inverse-border-overlay-normal)","inverse-border-overlay-subtle":"var(--inverse-border-overlay-subtle)","inverse-border-opaque-strong":"var(--inverse-border-opaque-strong)","inverse-border-opaque-normal":"var(--inverse-border-opaque-normal)","inverse-border-opaque-subtle":"var(--inverse-border-opaque-subtle)","brand-container-mid":"var(--brand-container-mid)","brand-container-high":"var(--brand-container-high)","brand-label-primary":"var(--brand-label-primary)","brand-label-secondary":"var(--brand-label-secondary)","brand-border-overlay-normal":"var(--brand-border-overlay-normal)","brand-border-opaque-normal":"var(--brand-border-opaque-normal)","accent-yellow":"var(--accent-yellow)","accent-mint":"var(--accent-mint)","accent-cyan":"var(--accent-cyan)","accent-purple":"var(--accent-purple)","accent-pink":"var(--accent-pink)","function-positive":"var(--function-positive)","function-negative":"var(--function-negative)","function-caution":"var(--function-caution)"}}
package/src/index.ts CHANGED
@@ -7,3 +7,4 @@ export * from './design/typography';
7
7
 
8
8
  export * from './hooks/useDarkTheme';
9
9
  export * from './hooks/useLanguage';
10
+ export * from './components/Head';
package/src/design/typography/semantic.ts DELETED
@@ -1,33 +0,0 @@
1
- import { font } from './primitive';
2
- import { TypographyKeys } from './types';
3
-
4
- export type FontFamily =
5
- | 'lp-pri-font-family-poppins'
6
- | 'lp-pri-font-family-pretendard-jp'
7
- | 'lp-pri-font-family-variables-pretendard'
8
- | 'lp-pri-font-family-variables-pretendard-jp';
9
-
10
- interface TypographyValues {
11
- family: FontFamily;
12
- weight: keyof typeof font.weight;
13
- lineHeight: keyof typeof font.lineHeight;
14
- size: keyof typeof font.size;
15
- }
16
-
17
- export const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {
18
- 'lp-sys-typo-display1-accent-black': {
19
- family: 'lp-pri-font-family-poppins',
20
- weight: 'lp-pri-font-weight-800',
21
- lineHeight: 'lp-pri-font-lineheight-120',
22
- size: 'lp-pri-font-size-24',
23
- },
24
- };
25
-
26
- export const typography: Partial<Record<TypographyKeys, TypographyValues>> = {
27
- 'lp-sys-typo-display1-accent-black': {
28
- family: 'lp-pri-font-family-variables-pretendard',
29
- weight: 'lp-pri-font-weight-800',
30
- lineHeight: 'lp-pri-font-lineheight-120',
31
- size: 'lp-pri-font-size-72',
32
- },
33
- };
package/src/design/typography/types.ts DELETED
@@ -1,32 +0,0 @@
1
- export type TypographyPrefix = 'lp-sys-typo';
2
-
3
- export type TypographyTitlePrefix = 'title';
4
- export type TypographyTitle =
5
- | '1-accent-bold'
6
- | '2-accent-bold'
7
- | '3-accent-bold'
8
- | '4-accent-bold'
9
- | '1-accent-medium'
10
- | '2-accent-medium'
11
- | '3-accent-medium'
12
- | '4-accent-medium'
13
- | '1-normal-bold'
14
- | '2-normal-bold'
15
- | '3-normal-bold'
16
- | '4-normal-bold'
17
- | '1-normal-medium'
18
- | '2-normal-medium';
19
- export type TypographyTitleType = `${TypographyTitlePrefix}${TypographyTitle}`;
20
-
21
- export type TypographyDisplayPrefix = 'display';
22
- export type TypographyDisplay =
23
- | '1-accent-black'
24
- | '2-accent-black'
25
- | '3-accent-black'
26
- | '1-normal-black'
27
- | '2-normal-black'
28
- | '3-normal-black';
29
-
30
- export type TypographyDisplayType = `${TypographyDisplayPrefix}${TypographyDisplay}`;
31
-
32
- export type TypographyKeys = `${TypographyPrefix}-${TypographyTitleType | TypographyDisplayType}`;