@liner-fe/prism 2.11.9 → 2.11.11

package/lib/index.css

@@ -211,83 +211,89 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Loading/style.module.scss */
-._dots-loader-container_7yn2t_4 {
+._dots-loader-container_5kzc8_4 {
   display: flex;
 }
-._dots-loader_7yn2t_4 {
+._dots-loader_5kzc8_4 {
   float: left;
   background: white;
   opacity: 0;
-  -webkit-animation: _loadingFade_7yn2t_1 1s infinite;
-  -moz-animation: _loadingFade_7yn2t_1 1s infinite;
-  animation: _loadingFade_7yn2t_1 1s infinite;
+  -webkit-animation: _loadingFade_5kzc8_1 1s infinite;
+  -moz-animation: _loadingFade_5kzc8_1 1s infinite;
+  animation: _loadingFade_5kzc8_1 1s infinite;
 }
-._dots-loader_7yn2t_4._xl_7yn2t_16 {
+._dots-loader_5kzc8_4._xl_5kzc8_16 {
   width: 7px;
   height: 7px;
   margin: 0 2px;
   border-radius: 1px;
 }
-._dots-loader_7yn2t_4._l_7yn2t_22 {
+._dots-loader_5kzc8_4._l_5kzc8_22 {
   width: 5px;
   height: 5px;
   margin: 0 2px;
   border-radius: 1px;
 }
-._dots-loader_7yn2t_4._m_7yn2t_28 {
+._dots-loader_5kzc8_4._m_5kzc8_28 {
   width: 4px;
   height: 4px;
   margin: 0 2px;
   border-radius: 1px;
 }
-._dots-loader_7yn2t_4._s_7yn2t_34 {
+._dots-loader_5kzc8_4._s_5kzc8_34 {
   width: 3px;
   height: 3px;
   margin: 0 2px;
   border-radius: 1px;
 }
-._dots-loader_7yn2t_4._xs_7yn2t_40 {
+._dots-loader_5kzc8_4._xs_5kzc8_40 {
   width: 2px;
   height: 2px;
   margin: 0 2px;
   border-radius: 1px;
 }
-._dots-loader_7yn2t_4._brand-label-primary_7yn2t_46 {
+._dots-loader_5kzc8_4._brand-label-primary_5kzc8_46 {
   background: var(--brand-label-primary);
 }
-._dots-loader_7yn2t_4._neutral-label-primary_7yn2t_49 {
+._dots-loader_5kzc8_4._neutral-label-primary_5kzc8_49 {
   background: var(--neutral-label-primary);
 }
-._dots-loader_7yn2t_4._neutral-label-static-primary_7yn2t_52 {
+._dots-loader_5kzc8_4._neutral-label-static-primary_5kzc8_52 {
   background: var(--neutral-label-static-primary);
 }
-._dots-loader_7yn2t_4._inverse-label-primary_7yn2t_55 {
+._dots-loader_5kzc8_4._inverse-label-primary_5kzc8_55 {
   background: var(--inverse-label-primary);
 }
-._dots-loader_7yn2t_4._inverse-label-static-primary_7yn2t_58 {
+._dots-loader_5kzc8_4._inverse-label-static-primary_5kzc8_58 {
   background: var(--inverse-label-static-primary);
 }
-._dots-loader_7yn2t_4:nth-child(1) {
+._dots-loader_5kzc8_4._neutral-label-secondary_5kzc8_61 {
+  background: var(--neutral-label-secondary);
+}
+._dots-loader_5kzc8_4._inverse-label-secondary_5kzc8_64 {
+  background: var(--inverse-label-secondary);
+}
+._dots-loader_5kzc8_4:nth-child(1) {
   -webkit-animation-delay: 0s;
   -moz-animation-delay: 0s;
   animation-delay: 0s;
 }
-._dots-loader_7yn2t_4:nth-child(2) {
+._dots-loader_5kzc8_4:nth-child(2) {
   -webkit-animation-delay: 0.1s;
   -moz-animation-delay: 0.1s;
   animation-delay: 0.1s;
 }
-._dots-loader_7yn2t_4:nth-child(3) {
+._dots-loader_5kzc8_4:nth-child(3) {
   -webkit-animation-delay: 0.2s;
   -moz-animation-delay: 0.2s;
   animation-delay: 0.2s;
 }
-._dots-loader_7yn2t_4:nth-child(4) {
+._dots-loader_5kzc8_4:nth-child(4) {
   -webkit-animation-delay: 0.3s;
   -moz-animation-delay: 0.3s;
   animation-delay: 0.3s;
 }
-@-webkit-keyframes _loadingFade_7yn2t_1 {
+@-webkit-keyframes _loadingFade_5kzc8_1 {
   0% {
     opacity: 0;
   }
@@ -298,7 +304,7 @@
     opacity: 0;
   }
 }
-@-moz-keyframes _loadingFade_7yn2t_1 {
+@-moz-keyframes _loadingFade_5kzc8_1 {
   0% {
     opacity: 0;
   }
@@ -309,7 +315,7 @@
     opacity: 0;
   }
 }
-@keyframes _loadingFade_7yn2t_1 {
+@keyframes _loadingFade_5kzc8_1 {
   0% {
     opacity: 0;
   }
@@ -320,120 +326,150 @@
     opacity: 0;
   }
 }
-._spinner-loader_7yn2t_122 {
+._spinner-loader_5kzc8_128 {
   border-radius: 50%;
   position: relative;
-  animation: _rotate_7yn2t_1 1s linear infinite;
+  animation: _rotate_5kzc8_1 1s linear infinite;
 }
-._spinner-loader_7yn2t_122::before {
+._spinner-loader_5kzc8_128::before {
   content: "";
   box-sizing: border-box;
   position: absolute;
   inset: 0px;
   border-radius: 50%;
-  animation: _prixClipFix_7yn2t_1 2s linear infinite;
+  animation: _prixClipFix_5kzc8_1 2s linear infinite;
 }
-._spinner-loader_7yn2t_122._xl_7yn2t_16 {
+._spinner-loader_5kzc8_128._xl_5kzc8_16 {
   width: 32px;
   height: 32px;
 }
-._spinner-loader_7yn2t_122._xl_7yn2t_16._brand-label-primary_7yn2t_46::before {
+._spinner-loader_5kzc8_128._xl_5kzc8_16._brand-label-primary_5kzc8_46::before {
   border: 3px solid var(--brand-label-primary);
 }
-._spinner-loader_7yn2t_122._xl_7yn2t_16._neutral-label-primary_7yn2t_49::before {
+._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-primary_5kzc8_49::before {
   border: 3px solid var(--neutral-label-primary);
 }
-._spinner-loader_7yn2t_122._xl_7yn2t_16._neutral-label-static-primary_7yn2t_52::before {
+._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-static-primary_5kzc8_52::before {
   border: 3px solid var(--neutral-label-static-primary);
 }
-._spinner-loader_7yn2t_122._xl_7yn2t_16._inverse-label-primary_7yn2t_55::before {
+._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-primary_5kzc8_55::before {
   border: 3px solid var(--inverse-label-primary);
 }
-._spinner-loader_7yn2t_122._xl_7yn2t_16._inverse-label-static-primary_7yn2t_58::before {
+._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-static-primary_5kzc8_58::before {
   border: 3px solid var(--inverse-label-static-primary);
 }
-._spinner-loader_7yn2t_122._l_7yn2t_22 {
+._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-secondary_5kzc8_61::before {
+  border: 3px solid var(--neutral-label-secondary);
+}
+._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-secondary_5kzc8_64::before {
+  border: 3px solid var(--inverse-label-secondary);
+}
+._spinner-loader_5kzc8_128._l_5kzc8_22 {
   width: 24px;
   height: 24px;
 }
-._spinner-loader_7yn2t_122._l_7yn2t_22._brand-label-primary_7yn2t_46::before {
+._spinner-loader_5kzc8_128._l_5kzc8_22._brand-label-primary_5kzc8_46::before {
   border: 2.8px solid var(--brand-label-primary);
 }
-._spinner-loader_7yn2t_122._l_7yn2t_22._neutral-label-primary_7yn2t_49::before {
+._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-primary_5kzc8_49::before {
   border: 2.8px solid var(--neutral-label-primary);
 }
-._spinner-loader_7yn2t_122._l_7yn2t_22._neutral-label-static-primary_7yn2t_52::before {
+._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-static-primary_5kzc8_52::before {
   border: 2.8px solid var(--neutral-label-static-primary);
 }
-._spinner-loader_7yn2t_122._l_7yn2t_22._inverse-label-primary_7yn2t_55::before {
+._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-primary_5kzc8_55::before {
   border: 2.8px solid var(--inverse-label-primary);
 }
-._spinner-loader_7yn2t_122._l_7yn2t_22._inverse-label-static-primary_7yn2t_58::before {
+._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-static-primary_5kzc8_58::before {
   border: 2.8px solid var(--inverse-label-static-primary);
 }
-._spinner-loader_7yn2t_122._m_7yn2t_28 {
+._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-secondary_5kzc8_61::before {
+  border: 2.8px solid var(--neutral-label-secondary);
+}
+._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-secondary_5kzc8_64::before {
+  border: 2.8px solid var(--inverse-label-secondary);
+}
+._spinner-loader_5kzc8_128._m_5kzc8_28 {
   width: 20px;
   height: 20px;
 }
-._spinner-loader_7yn2t_122._m_7yn2t_28._brand-label-primary_7yn2t_46::before {
+._spinner-loader_5kzc8_128._m_5kzc8_28._brand-label-primary_5kzc8_46::before {
   border: 2.6px solid var(--brand-label-primary);
 }
-._spinner-loader_7yn2t_122._m_7yn2t_28._neutral-label-primary_7yn2t_49::before {
+._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-primary_5kzc8_49::before {
   border: 2.6px solid var(--neutral-label-primary);
 }
-._spinner-loader_7yn2t_122._m_7yn2t_28._neutral-label-static-primary_7yn2t_52::before {
+._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-static-primary_5kzc8_52::before {
   border: 2.6px solid var(--neutral-label-static-primary);
 }
-._spinner-loader_7yn2t_122._m_7yn2t_28._inverse-label-primary_7yn2t_55::before {
+._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-primary_5kzc8_55::before {
   border: 2.6px solid var(--inverse-label-primary);
 }
-._spinner-loader_7yn2t_122._m_7yn2t_28._inverse-label-static-primary_7yn2t_58::before {
+._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-static-primary_5kzc8_58::before {
   border: 2.6px solid var(--inverse-label-static-primary);
 }
-._spinner-loader_7yn2t_122._s_7yn2t_34 {
+._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-secondary_5kzc8_61::before {
+  border: 2.6px solid var(--neutral-label-secondary);
+}
+._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-secondary_5kzc8_64::before {
+  border: 2.6px solid var(--inverse-label-secondary);
+}
+._spinner-loader_5kzc8_128._s_5kzc8_34 {
   width: 18px;
   height: 18px;
 }
-._spinner-loader_7yn2t_122._s_7yn2t_34._brand-label-primary_7yn2t_46::before {
+._spinner-loader_5kzc8_128._s_5kzc8_34._brand-label-primary_5kzc8_46::before {
   border: 2.4px solid var(--brand-label-primary);
 }
-._spinner-loader_7yn2t_122._s_7yn2t_34._neutral-label-primary_7yn2t_49::before {
+._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-primary_5kzc8_49::before {
   border: 2.4px solid var(--neutral-label-primary);
 }
-._spinner-loader_7yn2t_122._s_7yn2t_34._neutral-label-static-primary_7yn2t_52::before {
+._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-static-primary_5kzc8_52::before {
   border: 2.4px solid var(--neutral-label-static-primary);
 }
-._spinner-loader_7yn2t_122._s_7yn2t_34._inverse-label-primary_7yn2t_55::before {
+._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-primary_5kzc8_55::before {
   border: 2.4px solid var(--inverse-label-primary);
 }
-._spinner-loader_7yn2t_122._s_7yn2t_34._inverse-label-static-primary_7yn2t_58::before {
+._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-static-primary_5kzc8_58::before {
   border: 2.4px solid var(--inverse-label-static-primary);
 }
-._spinner-loader_7yn2t_122._xs_7yn2t_40 {
+._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-secondary_5kzc8_61::before {
+  border: 2.4px solid var(--neutral-label-secondary);
+}
+._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-secondary_5kzc8_64::before {
+  border: 2.4px solid var(--inverse-label-secondary);
+}
+._spinner-loader_5kzc8_128._xs_5kzc8_40 {
   width: 16px;
   height: 16px;
 }
-._spinner-loader_7yn2t_122._xs_7yn2t_40._brand-label-primary_7yn2t_46::before {
+._spinner-loader_5kzc8_128._xs_5kzc8_40._brand-label-primary_5kzc8_46::before {
   border: 2.2px solid var(--brand-label-primary);
 }
-._spinner-loader_7yn2t_122._xs_7yn2t_40._neutral-label-primary_7yn2t_49::before {
+._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-primary_5kzc8_49::before {
   border: 2.2px solid var(--neutral-label-primary);
 }
-._spinner-loader_7yn2t_122._xs_7yn2t_40._neutral-label-static-primary_7yn2t_52::before {
+._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-static-primary_5kzc8_52::before {
   border: 2.2px solid var(--neutral-label-static-primary);
 }
-._spinner-loader_7yn2t_122._xs_7yn2t_40._inverse-label-primary_7yn2t_55::before {
+._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-primary_5kzc8_55::before {
   border: 2.2px solid var(--inverse-label-primary);
 }
-._spinner-loader_7yn2t_122._xs_7yn2t_40._inverse-label-static-primary_7yn2t_58::before {
+._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-static-primary_5kzc8_58::before {
   border: 2.2px solid var(--inverse-label-static-primary);
 }
-@keyframes _rotate_7yn2t_1 {
+._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-secondary_5kzc8_61::before {
+  border: 2.2px solid var(--neutral-label-secondary);
+}
+._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-secondary_5kzc8_64::before {
+  border: 2.2px solid var(--inverse-label-secondary);
+}
+@keyframes _rotate_5kzc8_1 {
   100% {
     transform: rotate(360deg);
   }
 }
-@keyframes _prixClipFix_7yn2t_1 {
+@keyframes _prixClipFix_5kzc8_1 {
   0% {
     clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
   }

package/lib/index.d.ts

@@ -530,7 +530,7 @@ interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textBut
 declare const TextButton: react.ForwardRefExoticComponent<TextButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 type LoadingSizeType = 'xl' | 'l' | 'm' | 's' | 'xs';
-type LoadingLevelType = 'brand-label-primary' | 'neutral-label-primary' | 'neutral-label-static-primary' | 'inverse-label-primary' | 'inverse-label-static-primary';
+type LoadingLevelType = 'brand-label-primary' | 'neutral-label-primary' | 'neutral-label-static-primary' | 'inverse-label-primary' | 'inverse-label-static-primary' | 'neutral-label-secondary' | 'inverse-label-secondary';
 interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
     size?: LoadingSizeType;
     level?: LoadingLevelType;

package/lib/index.js

@@ -59,22 +59,24 @@ import clsx from "clsx";
 
 // src/components/Loading/style.module.scss
 var style_module_default2 = {
-  "dots-loader-container": "_dots-loader-container_7yn2t_4",
-  "dots-loader": "_dots-loader_7yn2t_4",
-  "loadingFade": "_loadingFade_7yn2t_1",
-  "xl": "_xl_7yn2t_16",
-  "l": "_l_7yn2t_22",
-  "m": "_m_7yn2t_28",
-  "s": "_s_7yn2t_34",
-  "xs": "_xs_7yn2t_40",
-  "brand-label-primary": "_brand-label-primary_7yn2t_46",
-  "neutral-label-primary": "_neutral-label-primary_7yn2t_49",
-  "neutral-label-static-primary": "_neutral-label-static-primary_7yn2t_52",
-  "inverse-label-primary": "_inverse-label-primary_7yn2t_55",
-  "inverse-label-static-primary": "_inverse-label-static-primary_7yn2t_58",
-  "spinner-loader": "_spinner-loader_7yn2t_122",
-  "rotate": "_rotate_7yn2t_1",
-  "prixClipFix": "_prixClipFix_7yn2t_1"
+  "dots-loader-container": "_dots-loader-container_5kzc8_4",
+  "dots-loader": "_dots-loader_5kzc8_4",
+  "loadingFade": "_loadingFade_5kzc8_1",
+  "xl": "_xl_5kzc8_16",
+  "l": "_l_5kzc8_22",
+  "m": "_m_5kzc8_28",
+  "s": "_s_5kzc8_34",
+  "xs": "_xs_5kzc8_40",
+  "brand-label-primary": "_brand-label-primary_5kzc8_46",
+  "neutral-label-primary": "_neutral-label-primary_5kzc8_49",
+  "neutral-label-static-primary": "_neutral-label-static-primary_5kzc8_52",
+  "inverse-label-primary": "_inverse-label-primary_5kzc8_55",
+  "inverse-label-static-primary": "_inverse-label-static-primary_5kzc8_58",
+  "neutral-label-secondary": "_neutral-label-secondary_5kzc8_61",
+  "inverse-label-secondary": "_inverse-label-secondary_5kzc8_64",
+  "spinner-loader": "_spinner-loader_5kzc8_128",
+  "rotate": "_rotate_5kzc8_1",
+  "prixClipFix": "_prixClipFix_5kzc8_1"
 };
 
 // src/components/Loading/index.tsx
@@ -96,8 +98,10 @@ var dotsLoaderVariants = cva({
     level: {
       "brand-label-primary": style_module_default2["brand-label-primary"],
       "neutral-label-primary": style_module_default2["neutral-label-primary"],
+      "neutral-label-secondary": style_module_default2["neutral-label-secondary"],
       "neutral-label-static-primary": style_module_default2["neutral-label-static-primary"],
       "inverse-label-primary": style_module_default2["inverse-label-primary"],
+      "inverse-label-secondary": style_module_default2["inverse-label-secondary"],
       "inverse-label-static-primary": style_module_default2["inverse-label-static-primary"]
     }
   }
@@ -126,9 +130,11 @@ var spinnerLoaderVariants = cva({
     level: {
       "brand-label-primary": style_module_default2["brand-label-primary"],
       "neutral-label-primary": style_module_default2["neutral-label-primary"],
+      "neutral-label-secondary": style_module_default2["neutral-label-secondary"],
       "neutral-label-static-primary": style_module_default2["neutral-label-static-primary"],
       "inverse-label-primary": style_module_default2["inverse-label-primary"],
-      "inverse-label-static-primary": style_module_default2["inverse-label-static-primary"]
+      "inverse-label-static-primary": style_module_default2["inverse-label-static-primary"],
+      "inverse-label-secondary": style_module_default2["inverse-label-secondary"]
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.11.9",
+  "version": "2.11.11",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -17,10 +17,10 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "recoil": "^0.5.2",
-    "@liner-fe/design-token": "^2.5.39",
     "@liner-fe/design-token-primitive": "^0.2.38",
     "@liner-fe/icon": "^0.2.59",
-    "@liner-fe/illust": "^0.2.10"
+    "@liner-fe/illust": "^0.2.10",
+    "@liner-fe/design-token": "^2.5.39"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",