smarthr-ui 73.0.1 → 74.0.0

package/esm/components/Chip/Chip.js

@@ -12,10 +12,8 @@ const classNameGenerator = ce({
         color: {
             grey: 'shr-border-grey-20',
             blue: 'shr-border-main',
-            /* green がトークン化されたら置き換える */
-            green: 'shr-border-[#0f7f85]',
-            /* oragen がトークン化されたら置き換える */
-            orange: 'shr-border-[#ff8800]',
+            green: 'shr-border-green',
+            orange: 'shr-border-orange',
             red: 'shr-border-danger',
         },
         size: {

package/esm/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type FC, type PropsWithChildren, useMemo } from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\ntype Props = PropsWithChildren<\n  VariantProps<typeof classNameGenerator> & ComponentPropsWithoutRef<'span'>\n>\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-Chip',\n    'shr-border-shorthand shr-rounded-full shr-bg-white shr-text-black shr-leading-none',\n    'contrast-more:shr-border-high-contrast',\n  ],\n  variants: {\n    color: {\n      grey: 'shr-border-grey-20',\n      blue: 'shr-border-main',\n      /* green がトークン化されたら置き換える */\n      green: 'shr-border-[#0f7f85]',\n      /* oragen がトークン化されたら置き換える */\n      orange: 'shr-border-[#ff8800]',\n      red: 'shr-border-danger',\n    },\n    size: {\n      s: 'shr-text-sm shr-px-0.5 shr-py-0.25',\n    },\n    disabled: {\n      true: 'shr-bg-white/50 shr-text-disabled',\n    },\n  },\n  defaultVariants: {\n    size: 's',\n    color: 'grey',\n  },\n})\n\nexport const Chip: FC<Props> = ({ size, color, disabled, className, ...props }) => {\n  const actualClassName = useMemo(\n    () => classNameGenerator({ size, color, disabled, className }),\n    [size, color, disabled, className],\n  )\n  return <span {...props} className={actualClassName} />\n}\n"],"names":["tv","_jsx"],"mappings":";;;;AAOO,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AACnC,IAAA,IAAI,EAAE;QACJ,iBAAiB;QACjB,oFAAoF;QACpF,wCAAwC;AACzC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,IAAI,EAAE,iBAAiB;;AAEvB,YAAA,KAAK,EAAE,sBAAsB;;AAE7B,YAAA,MAAM,EAAE,sBAAsB;AAC9B,YAAA,GAAG,EAAE,mBAAmB;AACzB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,oCAAoC;AACxC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,mCAAmC;AAC1C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACF,CAAA;AAEY,MAAA,IAAI,GAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,KAAI;AAChF,IAAA,MAAM,eAAe,GAAG,OAAO,CAC7B,MAAM,kBAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC9D,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnC;AACD,IAAA,OAAOC,iBAAU,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI;AACxD;;;;"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type FC, type PropsWithChildren, useMemo } from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\ntype Props = PropsWithChildren<\n  VariantProps<typeof classNameGenerator> & ComponentPropsWithoutRef<'span'>\n>\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-Chip',\n    'shr-border-shorthand shr-rounded-full shr-bg-white shr-text-black shr-leading-none',\n    'contrast-more:shr-border-high-contrast',\n  ],\n  variants: {\n    color: {\n      grey: 'shr-border-grey-20',\n      blue: 'shr-border-main',\n      green: 'shr-border-green',\n      orange: 'shr-border-orange',\n      red: 'shr-border-danger',\n    },\n    size: {\n      s: 'shr-text-sm shr-px-0.5 shr-py-0.25',\n    },\n    disabled: {\n      true: 'shr-bg-white/50 shr-text-disabled',\n    },\n  },\n  defaultVariants: {\n    size: 's',\n    color: 'grey',\n  },\n})\n\nexport const Chip: FC<Props> = ({ size, color, disabled, className, ...props }) => {\n  const actualClassName = useMemo(\n    () => classNameGenerator({ size, color, disabled, className }),\n    [size, color, disabled, className],\n  )\n  return <span {...props} className={actualClassName} />\n}\n"],"names":["tv","_jsx"],"mappings":";;;;AAOO,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AACnC,IAAA,IAAI,EAAE;QACJ,iBAAiB;QACjB,oFAAoF;QACpF,wCAAwC;AACzC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,IAAI,EAAE,iBAAiB;AACvB,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,MAAM,EAAE,mBAAmB;AAC3B,YAAA,GAAG,EAAE,mBAAmB;AACzB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,oCAAoC;AACxC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,mCAAmC;AAC1C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACF,CAAA;AAEY,MAAA,IAAI,GAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,KAAI;AAChF,IAAA,MAAM,eAAe,GAAG,OAAO,CAC7B,MAAM,kBAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC9D,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnC;AACD,IAAA,OAAOC,iBAAU,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI;AACxD;;;;"}

package/esm/components/StatusLabel/StatusLabel.js

@@ -17,7 +17,7 @@ const classNameGenerator = ce({
             blue: 'shr-text-main',
             /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。
              * https://smarthr.design/basics/colors/#h4-1 */
-            green: 'shr-text-[#0f7f85]',
+            green: 'shr-text-green',
             red: 'shr-text-danger',
             warning: 'shr-border-warning-yellow shr-bg-warning-yellow shr-text-black',
             error: 'shr-bg-danger shr-border-danger shr-text-white',
@@ -42,7 +42,7 @@ const classNameGenerator = ce({
             bold: true,
             /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。
              * https://smarthr.design/basics/colors/#h4-1 */
-            class: 'shr-border-[#0f7f85] shr-bg-[#0f7f85]',
+            class: 'shr-border-green shr-bg-green',
         },
         {
             type: 'red',

package/esm/components/StatusLabel/StatusLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusLabel.js","sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { FaCircleExclamationIcon, FaTriangleExclamationIcon } from '../Icon'\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-StatusLabel',\n    'shr-box-content shr-inline-flex shr-items-center shr-justify-center shr-gap-0.25 shr-border-shorthand shr-border-current shr-bg-white shr-px-0.5 shr-py-0.25 shr-whitespace-nowrap shr-text-sm shr-font-bold shr-min-w-[3.5em] shr-min-h-em',\n    // ラベルが天地中央に揃わないため暫定対応\n    'shr-leading-[0]',\n  ],\n  variants: {\n    type: {\n      grey: ['shr-border-grey-20 shr-text-grey', 'contrast-more:shr-border-high-contrast'],\n      blue: 'shr-text-main',\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      green: 'shr-text-[#0f7f85]',\n      red: 'shr-text-danger',\n      warning: 'shr-border-warning-yellow shr-bg-warning-yellow shr-text-black',\n      error: 'shr-bg-danger shr-border-danger shr-text-white',\n    },\n    bold: {\n      true: 'shr-text-white',\n    },\n  },\n  compoundVariants: [\n    {\n      type: 'grey',\n      bold: true,\n      class: 'shr-border-grey-65 shr-bg-[theme(colors.grey.65)]',\n    },\n    {\n      type: 'blue',\n      bold: true,\n      class: 'shr-border-main shr-bg-main',\n    },\n    {\n      type: 'green',\n      bold: true,\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      class: 'shr-border-[#0f7f85] shr-bg-[#0f7f85]',\n    },\n    {\n      type: 'red',\n      bold: true,\n      class: 'shr-border-danger shr-bg-danger',\n    },\n    {\n      type: 'warning',\n      bold: true,\n      class: 'shr-border-current shr-text-black',\n    },\n  ],\n})\n\ntype BaseProps = VariantProps<typeof classNameGenerator>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\ntype Props = PropsWithChildren<BaseProps & ElementProps>\n\nexport const StatusLabel = memo<Props>(\n  ({ type = 'grey', bold = false, className, children, ...props }) => {\n    const actualClassName = useMemo(\n      () =>\n        classNameGenerator({\n          className,\n          type,\n          bold,\n        }),\n      [type, bold, className],\n    )\n\n    return (\n      <span {...props} className={actualClassName}>\n        <Icon type={type} bold={bold} />\n        {children}\n      </span>\n    )\n  },\n)\n\nconst Icon: FC<Pick<Props, 'type' | 'bold'>> = ({ type, bold }) => {\n  if (bold) {\n    switch (type) {\n      case 'warning':\n        return <FaTriangleExclamationIcon />\n      case 'error':\n        return <FaCircleExclamationIcon />\n    }\n  }\n\n  return null\n}\n"],"names":["tv","_jsxs","_jsx"],"mappings":";;;;;;AAWO,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AACnC,IAAA,IAAI,EAAE;QACJ,wBAAwB;QACxB,6OAA6O;;QAE7O,iBAAiB;AAClB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,CAAC,kCAAkC,EAAE,wCAAwC,CAAC;AACpF,YAAA,IAAI,EAAE,eAAe;AACrB;AACgD;AAChD,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,GAAG,EAAE,iBAAiB;AACtB,YAAA,OAAO,EAAE,gEAAgE;AACzE,YAAA,KAAK,EAAE,gDAAgD;AACxD,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,gBAAgB;AACvB,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,mDAAmD;AAC3D,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,6BAA6B;AACrC,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,IAAI,EAAE,IAAI;AACV;AACgD;AAChD,YAAA,KAAK,EAAE,uCAAuC;AAC/C,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,iCAAiC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,mCAAmC;AAC3C,SAAA;AACF,KAAA;AACF,CAAA;AAMY,MAAA,WAAW,GAAG,IAAI,CAC7B,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,KAAI;IACjE,MAAM,eAAe,GAAG,OAAO,CAC7B,MACE,kBAAkB,CAAC;QACjB,SAAS;QACT,IAAI;QACJ,IAAI;KACL,CAAC,EACJ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CACxB;IAED,QACEC,kBAAU,KAAK,EAAE,SAAS,EAAE,eAAe,EACzC,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,EAC/B,QAAQ,CACJ,EAAA,CAAA;AAEX,CAAC;AAGH,MAAM,IAAI,GAAqC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAI;IAChE,IAAI,IAAI,EAAE;QACR,QAAQ,IAAI;AACV,YAAA,KAAK,SAAS;gBACZ,OAAOA,GAAA,CAAC,yBAAyB,EAAA,EAAA,CAAG;AACtC,YAAA,KAAK,OAAO;gBACV,OAAOA,GAAA,CAAC,uBAAuB,EAAA,EAAA,CAAG;;;AAIxC,IAAA,OAAO,IAAI;AACb,CAAC;;;;"}
+{"version":3,"file":"StatusLabel.js","sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { FaCircleExclamationIcon, FaTriangleExclamationIcon } from '../Icon'\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-StatusLabel',\n    'shr-box-content shr-inline-flex shr-items-center shr-justify-center shr-gap-0.25 shr-border-shorthand shr-border-current shr-bg-white shr-px-0.5 shr-py-0.25 shr-whitespace-nowrap shr-text-sm shr-font-bold shr-min-w-[3.5em] shr-min-h-em',\n    // ラベルが天地中央に揃わないため暫定対応\n    'shr-leading-[0]',\n  ],\n  variants: {\n    type: {\n      grey: ['shr-border-grey-20 shr-text-grey', 'contrast-more:shr-border-high-contrast'],\n      blue: 'shr-text-main',\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      green: 'shr-text-green',\n      red: 'shr-text-danger',\n      warning: 'shr-border-warning-yellow shr-bg-warning-yellow shr-text-black',\n      error: 'shr-bg-danger shr-border-danger shr-text-white',\n    },\n    bold: {\n      true: 'shr-text-white',\n    },\n  },\n  compoundVariants: [\n    {\n      type: 'grey',\n      bold: true,\n      class: 'shr-border-grey-65 shr-bg-[theme(colors.grey.65)]',\n    },\n    {\n      type: 'blue',\n      bold: true,\n      class: 'shr-border-main shr-bg-main',\n    },\n    {\n      type: 'green',\n      bold: true,\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      class: 'shr-border-green shr-bg-green',\n    },\n    {\n      type: 'red',\n      bold: true,\n      class: 'shr-border-danger shr-bg-danger',\n    },\n    {\n      type: 'warning',\n      bold: true,\n      class: 'shr-border-current shr-text-black',\n    },\n  ],\n})\n\ntype BaseProps = VariantProps<typeof classNameGenerator>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\ntype Props = PropsWithChildren<BaseProps & ElementProps>\n\nexport const StatusLabel = memo<Props>(\n  ({ type = 'grey', bold = false, className, children, ...props }) => {\n    const actualClassName = useMemo(\n      () =>\n        classNameGenerator({\n          className,\n          type,\n          bold,\n        }),\n      [type, bold, className],\n    )\n\n    return (\n      <span {...props} className={actualClassName}>\n        <Icon type={type} bold={bold} />\n        {children}\n      </span>\n    )\n  },\n)\n\nconst Icon: FC<Pick<Props, 'type' | 'bold'>> = ({ type, bold }) => {\n  if (bold) {\n    switch (type) {\n      case 'warning':\n        return <FaTriangleExclamationIcon />\n      case 'error':\n        return <FaCircleExclamationIcon />\n    }\n  }\n\n  return null\n}\n"],"names":["tv","_jsxs","_jsx"],"mappings":";;;;;;AAWO,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AACnC,IAAA,IAAI,EAAE;QACJ,wBAAwB;QACxB,6OAA6O;;QAE7O,iBAAiB;AAClB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,CAAC,kCAAkC,EAAE,wCAAwC,CAAC;AACpF,YAAA,IAAI,EAAE,eAAe;AACrB;AACgD;AAChD,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,GAAG,EAAE,iBAAiB;AACtB,YAAA,OAAO,EAAE,gEAAgE;AACzE,YAAA,KAAK,EAAE,gDAAgD;AACxD,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,gBAAgB;AACvB,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,mDAAmD;AAC3D,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,6BAA6B;AACrC,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,IAAI,EAAE,IAAI;AACV;AACgD;AAChD,YAAA,KAAK,EAAE,+BAA+B;AACvC,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,iCAAiC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,mCAAmC;AAC3C,SAAA;AACF,KAAA;AACF,CAAA;AAMY,MAAA,WAAW,GAAG,IAAI,CAC7B,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,KAAI;IACjE,MAAM,eAAe,GAAG,OAAO,CAC7B,MACE,kBAAkB,CAAC;QACjB,SAAS;QACT,IAAI;QACJ,IAAI;KACL,CAAC,EACJ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CACxB;IAED,QACEC,kBAAU,KAAK,EAAE,SAAS,EAAE,eAAe,EACzC,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,EAC/B,QAAQ,CACJ,EAAA,CAAA;AAEX,CAAC;AAGH,MAAM,IAAI,GAAqC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAI;IAChE,IAAI,IAAI,EAAE;QACR,QAAQ,IAAI;AACV,YAAA,KAAK,SAAS;gBACZ,OAAOA,GAAA,CAAC,yBAAyB,EAAA,EAAA,CAAG;AACtC,YAAA,KAAK,OAAO;gBACV,OAAOA,GAAA,CAAC,uBAAuB,EAAA,EAAA,CAAG;;;AAIxC,IAAA,OAAO,IAAI;AACb,CAAC;;;;"}

package/esm/index.d.ts

@@ -3,7 +3,6 @@ export { Balloon } from './components/Balloon';
 export { Checkbox } from './components/Checkbox';
 export * from './components/Chip';
 export { Dropdown, DropdownTrigger, DropdownContent, DropdownCloser, FilterDropdown, DropdownMenuButton, DropdownMenuGroup, SortDropdown, } from './components/Dropdown';
-export * from './components/FlashMessage';
 export { FloatArea } from './components/FloatArea';
 export { Input, CurrencyInput, SearchInput } from './components/Input';
 export { InputFile } from './components/InputFile';

package/esm/index.js

@@ -10,7 +10,6 @@ export { FilterDropdown } from './components/Dropdown/FilterDropdown/FilterDropd
 export { DropdownMenuButton } from './components/Dropdown/DropdownMenuButton/DropdownMenuButton.js';
 export { DropdownMenuGroup } from './components/Dropdown/DropdownMenuButton/DropdownMenuGroup.js';
 export { SortDropdown } from './components/Dropdown/SortDropdown/SortDropdown.js';
-export { FlashMessage } from './components/FlashMessage/FlashMessage.js';
 export { FloatArea } from './components/FloatArea/FloatArea.js';
 export { Input } from './components/Input/Input.js';
 export { CurrencyInput } from './components/Input/CurrencyInput/CurrencyInput.js';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/smarthr-ui-preset.d.ts

@@ -23,6 +23,7 @@ declare const _default: {
             'warning-yellow-darken': any;
             overlay: string;
             scrim: string;
+            green: any;
             grey: {
                 9: any;
                 '9-darken': string;
@@ -62,6 +63,8 @@ declare const _default: {
             'danger-darken': string;
             'warning-yellow': string;
             'warning-yellow-darken': string;
+            green: string;
+            orange: string;
             grey: {
                 DEFAULT: string;
                 5: string;
@@ -153,6 +156,7 @@ declare const _default: {
             'link-darken': string;
             grey: any;
             danger: any;
+            green: any;
             'color-inherit': string;
             transparent: string;
         };
@@ -179,6 +183,8 @@ declare const _default: {
                 darken: string;
                 'high-contrast': any;
                 link: any;
+                orange: any;
+                green: any;
             };
             strokeWidth: {
                 '0.5': string;

package/esm/smarthr-ui-preset.js

@@ -87,6 +87,7 @@ var presetConfig = {
             'warning-yellow-darken': theme('colors.warning-yellow-darken'),
             overlay: defaultColor.OVERLAY,
             scrim: defaultColor.SCRIM,
+            green: theme('colors.green'),
             grey: {
                 9: theme('colors.grey.9'),
                 '9-darken': darkenColor(theme('colors.grey.9')),
@@ -126,6 +127,9 @@ var presetConfig = {
             'danger-darken': darkenColor(defaultColor.DANGER),
             'warning-yellow': defaultColor.WARNING_YELLOW,
             'warning-yellow-darken': darkenColor(defaultColor.WARNING_YELLOW),
+            // 色トークン周りの整理が必要（GREEN_100 と ORANGE_100 は primitive にしかない。）
+            green: '#0f7f85',
+            orange: '#f56121',
             grey: {
                 DEFAULT: defaultColor.GREY_65,
                 5: defaultColor.GREY_5,
@@ -198,6 +202,7 @@ var presetConfig = {
             'link-darken': darkenColor(theme('colors.link'), 0.062),
             grey: theme('colors.grey.65'),
             danger: theme('colors.danger'),
+            green: theme('colors.green'),
             'color-inherit': 'inherit',
             transparent: 'transparent',
         }),
@@ -226,6 +231,8 @@ var presetConfig = {
                 darken: darkenColor(theme('colors.grey.20')),
                 'high-contrast': theme('colors.grey.100'),
                 link: theme('colors.link'),
+                orange: theme('colors.orange'),
+                green: theme('colors.green'),
             }),
             strokeWidth: {
                 '0.5': '0.5',

package/esm/smarthr-ui-preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"smarthr-ui-preset.js","sources":["../src/smarthr-ui-preset.ts"],"sourcesContent":["import { darken } from 'polished'\nimport { defaultConfig } from 'tailwind-variants'\nimport plugin from 'tailwindcss/plugin'\n\nimport { defaultColor } from './themes/createColor'\nimport { defaultFontSize, defaultHtmlFontSize } from './themes/createFontSize'\nimport { defaultShadow } from './themes/createShadow/defaultShadow'\nimport { createSpacingByChar, primitiveTokens as spacingSizes } from './themes/createSpacing'\nimport { defaultZIndex } from './themes/createZIndex'\n\nimport type { Config } from 'tailwindcss'\n\ndefaultConfig.twMergeConfig = {\n  prefix: 'shr-',\n  classGroups: {\n    boxShadow: [\n      {\n        shadow: [\n          'layer-0',\n          'layer-1',\n          'layer-2',\n          'layer-3',\n          'layer-4',\n          'outline',\n          'underline',\n          'input-hover',\n          'none',\n        ],\n      },\n    ],\n    'border-shorthand': [\n      'border-shorthand',\n      'border-t-shorthand',\n      'border-r-shorthand',\n      'border-b-shorthand',\n      'border-l-shorthand',\n    ],\n    'font-size': [\n      {\n        text: ['2xs', 'xs', 'sm', 'base', 'lg', 'xl', '2xl', 'inherit'],\n      },\n    ],\n    lineHeight: [\n      {\n        leading: ['none', 'tight', 'normal', 'loose'],\n      },\n    ],\n    zIndex: [\n      {\n        z: [\n          'auto',\n          '0',\n          '1',\n          'fixed-menu',\n          'overlap-base',\n          'overlap',\n          'flash-message',\n          (classPart: string) => /^\\[\\d+\\]$/.test(classPart),\n        ],\n      },\n    ],\n    focus: ['focus-indicator', 'focus-indicator--inner'],\n  },\n}\n\nconst spacingByChar = createSpacingByChar(defaultHtmlFontSize / 2)\ntype Spacing = {\n  [key in (typeof spacingSizes)[number]]: string\n}\nconst darkenColor = (color: string, amount: number = 0.05) => darken(amount, color)\n\n// この preset を各プロダクトでも読み込んでもらう想定\nexport default {\n  content: [],\n  theme: {\n    backgroundColor: ({ theme }) => ({\n      black: defaultColor.GREY_100,\n      white: defaultColor.WHITE,\n      'white-darken': theme('colors.white-darken'),\n      background: defaultColor.BACKGROUND,\n      border: theme('colors.grey.20'),\n      brand: theme('colors.brand'),\n      column: defaultColor.COLUMN,\n      'column-darken': darkenColor(defaultColor.COLUMN),\n      'base-grey': defaultColor.BASE_GREY,\n      'over-background': defaultColor.OVER_BACKGROUND,\n      head: defaultColor.HEAD,\n      'head-darken': darkenColor(defaultColor.HEAD),\n      'action-background': defaultColor.ACTION_BACKGROUND,\n      main: defaultColor.MAIN,\n      'main-darken': theme('colors.main-darken'),\n      danger: defaultColor.DANGER,\n      'danger-darken': theme('colors.danger-darken'),\n      'warning-yellow': defaultColor.WARNING_YELLOW,\n      'warning-yellow-darken': theme('colors.warning-yellow-darken'),\n      overlay: defaultColor.OVERLAY,\n      scrim: defaultColor.SCRIM,\n      grey: {\n        9: theme('colors.grey.9'),\n        '9-darken': darkenColor(theme('colors.grey.9')),\n      },\n      inherit: 'inherit',\n      transparent: 'transparent',\n    }),\n    borderRadius: {\n      none: '0',\n      s: '4px',\n      m: '6px',\n      l: '8px',\n      em: '1em',\n      full: '9999px',\n    },\n    boxShadow: {\n      'layer-0': defaultShadow.LAYER0,\n      'layer-1': defaultShadow.LAYER1,\n      'layer-2': defaultShadow.LAYER2,\n      'layer-3': defaultShadow.LAYER3,\n      'layer-4': defaultShadow.LAYER4,\n      outline: defaultShadow.OUTLINE,\n      underline: defaultShadow.UNDERLINE,\n      'input-hover': defaultShadow.INPUT_HOVER,\n      none: 'none',\n    },\n    colors: {\n      black: defaultColor.GREY_100,\n      white: defaultColor.WHITE,\n      'white-darken': darkenColor(defaultColor.WHITE),\n      main: defaultColor.MAIN,\n      'main-darken': darkenColor(defaultColor.MAIN),\n      link: defaultColor.TEXT_LINK,\n      brand: defaultColor.BRAND,\n      outline: defaultColor.OUTLINE,\n      danger: defaultColor.DANGER,\n      'danger-darken': darkenColor(defaultColor.DANGER),\n      'warning-yellow': defaultColor.WARNING_YELLOW,\n      'warning-yellow-darken': darkenColor(defaultColor.WARNING_YELLOW),\n      grey: {\n        DEFAULT: defaultColor.GREY_65,\n        5: defaultColor.GREY_5,\n        6: defaultColor.GREY_6,\n        7: defaultColor.GREY_7,\n        9: defaultColor.GREY_9,\n        20: defaultColor.GREY_20,\n        30: defaultColor.GREY_30,\n        65: defaultColor.GREY_65,\n        100: defaultColor.GREY_100,\n      },\n      transparency: {\n        15: defaultColor.TRANSPARENCY_15,\n        30: defaultColor.TRANSPARENCY_30,\n        50: defaultColor.TRANSPARENCY_50,\n      },\n      inherit: 'inherit',\n      transparent: 'transparent',\n      current: 'currentColor',\n    },\n    fontFamily: {\n      inherit: 'inherit',\n    },\n    fontSize: {\n      '2xs': defaultFontSize.XXS,\n      xs: defaultFontSize.XS,\n      sm: defaultFontSize.S,\n      base: defaultFontSize.M,\n      lg: defaultFontSize.L,\n      xl: defaultFontSize.XL,\n      '2xl': defaultFontSize.XXL,\n      inherit: 'inherit',\n    },\n    lineHeight: {\n      none: '1',\n      tight: '1.25',\n      normal: '1.5',\n      loose: '1.75',\n    },\n    maxWidth: {\n      none: 'none',\n      full: '100%',\n      min: 'min-content',\n      max: 'max-content',\n      fit: 'fit-content',\n    },\n    outlineColor: {\n      DEFAULT: defaultColor.OUTLINE,\n    },\n    spacing: {\n      px: '1px',\n      em: '1em',\n      ...(spacingSizes\n        .map((size) => ({\n          [size]: spacingByChar(size),\n        }))\n        .reduce((a, c) => Object.assign(a, c), {}) as Spacing),\n    },\n    stroke: {\n      black: defaultColor.GREY_100,\n    },\n    textColor: ({ theme }) => ({\n      main: theme('colors.main'),\n      black: theme('colors.black'),\n      white: theme('colors.white'),\n      'white-darken': theme('colors.white-darken'),\n      disabled: theme('colors.grey.30'),\n      link: theme('colors.link'),\n      // ACTION_BACKGROUND とコントラスト比 4.5 を達成するために調整\n      'link-darken': darkenColor(theme('colors.link'), 0.062),\n      grey: theme('colors.grey.65'),\n      danger: theme('colors.danger'),\n      'color-inherit': 'inherit',\n      transparent: 'transparent',\n    }),\n    zIndex: {\n      auto: 'auto',\n      0: '0',\n      1: '1',\n      'fixed-menu': `${defaultZIndex.FIXED_MENU}`,\n      'overlap-base': `${defaultZIndex.OVERLAP_BASE}`,\n      overlap: `${defaultZIndex.OVERLAP}`,\n      'flash-message': `${defaultZIndex.FLASH_MESSAGE}`,\n    },\n    extend: {\n      aria: {\n        'current-page': 'current=\"page\"',\n      },\n      minHeight: ({ theme }) => ({\n        ...theme('spacing'),\n      }),\n      borderWidth: {\n        6: '6px',\n      },\n      borderColor: ({ theme }) => ({\n        default: theme('colors.grey.20'),\n        disabled: theme('colors.grey.20 / 50%'),\n        darken: darkenColor(theme('colors.grey.20')),\n        'high-contrast': theme('colors.grey.100'),\n        link: theme('colors.link'),\n      }),\n      strokeWidth: {\n        '0.5': '0.5',\n      },\n      keyframes: ({ theme }) => ({\n        'loader-fade-in': {\n          '0%': {\n            opacity: '0',\n          },\n          to: {\n            opacity: '1',\n          },\n        },\n        'loader-line-full-unfill-rotate': {\n          '12.5%': {\n            transform: 'rotate(135deg)',\n          },\n          '25%': {\n            transform: 'rotate(270deg)',\n          },\n          '37.5%': {\n            transform: 'rotate(405deg)',\n          },\n          '50%': {\n            transform: 'rotate(540deg)',\n          },\n          '62.5%': {\n            transform: 'rotate(675deg)',\n          },\n          '75%': {\n            transform: 'rotate(810deg)',\n          },\n          '87.5%': {\n            transform: 'rotate(945deg)',\n          },\n          to: {\n            transform: 'rotate(1080deg)',\n          },\n        },\n        'loader-line1-fade-in-out': {\n          '0%': {\n            opacity: '1',\n          },\n          '25%': {\n            opacity: '1',\n          },\n          '26%': {\n            opacity: '0',\n          },\n          '89%': {\n            opacity: '0',\n          },\n          '90%': {\n            opacity: '1',\n          },\n          to: {\n            opacity: '1',\n          },\n        },\n        'loader-line2-fade-in-out': {\n          '0%': {\n            opacity: '0',\n          },\n          '15%': {\n            opacity: '0',\n          },\n          '25%': {\n            opacity: '1',\n          },\n          '50%': {\n            opacity: '1',\n          },\n          '51%': {\n            opacity: '0',\n          },\n        },\n        'loader-line3-fade-in-out': {\n          '0%': {\n            opacity: '0',\n          },\n          '40%': {\n            opacity: '0',\n          },\n          '50%': {\n            opacity: '1',\n          },\n          '75%': {\n            opacity: '1',\n          },\n          '76%': {\n            opacity: '0',\n          },\n        },\n        'loader-line4-fade-in-out': {\n          '0%': {\n            opacity: '0',\n          },\n          '65%': {\n            opacity: '0',\n          },\n          '75%': {\n            opacity: '1',\n          },\n          '90%': {\n            opacity: '1',\n          },\n          to: {\n            opacity: '0',\n          },\n        },\n        'loader-left-spin': {\n          '0%, 100%': { transform: 'rotate(130deg)' },\n          '50%': { transform: 'rotate(-5deg)' },\n        },\n        'loader-right-spin': {\n          '0%, 100%': { transform: 'rotate(-130deg)' },\n          '50%': { transform: 'rotate(5deg)' },\n        },\n        'notification-bar-slide-in': {\n          from: {\n            opacity: '0',\n            /* 1行の場合の高さ分だけスライドさせる */\n            transform: `translateY(calc(-1 * calc(${theme('fontSize.base')} * ${theme('lineHeight.tight')} + ${theme('spacing')[1.5]})))`,\n          },\n          to: {\n            opacity: '1',\n            transform: 'translateY(0)',\n          },\n        },\n        'flash-message-bounce': {\n          'from, 20%, 53%, 80%, to': {\n            'animation-timing-function': 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n            transform: 'translate3d(0, 0, 0)',\n          },\n          '40%, 43%': {\n            'animation-timing-function': 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n            transform: 'translate3d(0, -30px, 0)',\n          },\n          '70%': {\n            'animation-timing-function': 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n            transform: 'translate3d(0, -15px, 0)',\n          },\n          '90%': {\n            transform: 'translate3d(0, -4px, 0)',\n          },\n        },\n      }),\n    },\n  },\n  corePlugins: {\n    preflight: false,\n    boxShadowColor: false,\n    caretColor: false,\n    divideColor: false,\n    placeholderColor: false,\n    ringColor: false,\n    ringOffsetColor: false,\n    textDecorationColor: false,\n  },\n  plugins: [\n    plugin(({ matchUtilities, addComponents, addBase, addVariant, theme }) => {\n      matchUtilities(\n        {\n          'border-t': (value) => ({ 'border-top-style': value }),\n          'border-l': (value) => ({ 'border-left-style': value }),\n          'border-s': (value) => ({ 'border-inline-start-style': value }),\n        },\n        { values: { solid: 'solid', dashed: 'dashed', dotted: 'dotted' } },\n      )\n\n      addComponents({\n        /**\n         * box-shadow や ring を使った仕組みでは Firefox で欠陥があるため、独自定義している\n         * via https://github.com/tailwindlabs/tailwindcss/issues/10226\n         */\n        '.focus-indicator': {\n          outline: 'none',\n          isolation: 'isolate',\n          boxShadow: `0 0 0 2px ${theme('colors.white')}, 0 0 0 4px ${theme('colors.outline')}`,\n        },\n        '.focus-indicator--inner': {\n          outline: 'none',\n          isolation: 'isolate',\n          boxShadow: `inset 0 0 0 2px ${theme('colors.outline')}, inset 0 0 0 4px ${theme('colors.white')}`,\n        },\n        '.border-shorthand': {\n          borderWidth: theme('borderWidth.DEFAULT'),\n          borderStyle: 'solid',\n          borderColor: theme('borderColor.default'),\n        },\n        '.border-t-shorthand': {\n          borderWidth: '0',\n          borderTopWidth: theme('borderWidth.DEFAULT'),\n          borderTopStyle: 'solid',\n          borderTopColor: theme('borderColor.default'),\n        },\n        '.border-r-shorthand': {\n          borderWidth: '0',\n          borderRightWidth: theme('borderWidth.DEFAULT'),\n          borderRightStyle: 'solid',\n          borderRightColor: theme('borderColor.default'),\n        },\n        '.border-b-shorthand': {\n          borderWidth: '0',\n          borderBottomWidth: theme('borderWidth.DEFAULT'),\n          borderBottomStyle: 'solid',\n          borderBottomColor: theme('borderColor.default'),\n        },\n        '.border-l-shorthand': {\n          borderWidth: '0',\n          borderLeftWidth: theme('borderWidth.DEFAULT'),\n          borderLeftStyle: 'solid',\n          borderLeftColor: theme('borderColor.default'),\n        },\n      })\n      addBase({\n        body: {\n          overflowWrap: 'break-word',\n          fontFamily: 'system-ui, sans-serif',\n          lineHeight: theme('lineHeight.normal'),\n          color: theme('colors.black'),\n          // Windows 環境で Yu Gothic が不用意に記号を詰めてしまうのを避ける\n          textSpacingTrim: 'space-all',\n        },\n        'p, dl': {\n          marginBlock: 'unset',\n        },\n        'menu, ul, ol': {\n          marginBlock: 'unset',\n          paddingInlineStart: 'unset',\n        },\n        dd: {\n          marginInlineStart: 'unset',\n        },\n        'button, input, textarea, select': {\n          fontFamily: 'inherit',\n        },\n        input: {\n          paddingInline: 'unset',\n        },\n        'input[type=search]': {\n          appearance: 'none',\n          boxSizing: 'unset',\n        },\n        textarea: {\n          marginInline: 'unset',\n        },\n        button: {\n          // Safari の UA スタイルで margin が設定されているため\n          margin: 'unset',\n        },\n        a: {\n          color: 'inherit',\n        },\n      })\n      addVariant('forced-colors', '@media (forced-colors: active)')\n    }),\n  ],\n  prefix: 'shr-',\n} satisfies Config\n"],"names":["defaultConfig","darken","spacingSizes"],"mappings":"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"}
+{"version":3,"file":"smarthr-ui-preset.js","sources":["../src/smarthr-ui-preset.ts"],"sourcesContent":["import { darken } from 'polished'\nimport { defaultConfig } from 'tailwind-variants'\nimport plugin from 'tailwindcss/plugin'\n\nimport { defaultColor } from './themes/createColor'\nimport { defaultFontSize, defaultHtmlFontSize } from './themes/createFontSize'\nimport { defaultShadow } from './themes/createShadow/defaultShadow'\nimport { createSpacingByChar, primitiveTokens as spacingSizes } from './themes/createSpacing'\nimport { defaultZIndex } from './themes/createZIndex'\n\nimport type { Config } from 'tailwindcss'\n\ndefaultConfig.twMergeConfig = {\n  prefix: 'shr-',\n  classGroups: {\n    boxShadow: [\n      {\n        shadow: [\n          'layer-0',\n          'layer-1',\n          'layer-2',\n          'layer-3',\n          'layer-4',\n          'outline',\n          'underline',\n          'input-hover',\n          'none',\n        ],\n      },\n    ],\n    'border-shorthand': [\n      'border-shorthand',\n      'border-t-shorthand',\n      'border-r-shorthand',\n      'border-b-shorthand',\n      'border-l-shorthand',\n    ],\n    'font-size': [\n      {\n        text: ['2xs', 'xs', 'sm', 'base', 'lg', 'xl', '2xl', 'inherit'],\n      },\n    ],\n    lineHeight: [\n      {\n        leading: ['none', 'tight', 'normal', 'loose'],\n      },\n    ],\n    zIndex: [\n      {\n        z: [\n          'auto',\n          '0',\n          '1',\n          'fixed-menu',\n          'overlap-base',\n          'overlap',\n          'flash-message',\n          (classPart: string) => /^\\[\\d+\\]$/.test(classPart),\n        ],\n      },\n    ],\n    focus: ['focus-indicator', 'focus-indicator--inner'],\n  },\n}\n\nconst spacingByChar = createSpacingByChar(defaultHtmlFontSize / 2)\ntype Spacing = {\n  [key in (typeof spacingSizes)[number]]: string\n}\nconst darkenColor = (color: string, amount: number = 0.05) => darken(amount, color)\n\n// この preset を各プロダクトでも読み込んでもらう想定\nexport default {\n  content: [],\n  theme: {\n    backgroundColor: ({ theme }) => ({\n      black: defaultColor.GREY_100,\n      white: defaultColor.WHITE,\n      'white-darken': theme('colors.white-darken'),\n      background: defaultColor.BACKGROUND,\n      border: theme('colors.grey.20'),\n      brand: theme('colors.brand'),\n      column: defaultColor.COLUMN,\n      'column-darken': darkenColor(defaultColor.COLUMN),\n      'base-grey': defaultColor.BASE_GREY,\n      'over-background': defaultColor.OVER_BACKGROUND,\n      head: defaultColor.HEAD,\n      'head-darken': darkenColor(defaultColor.HEAD),\n      'action-background': defaultColor.ACTION_BACKGROUND,\n      main: defaultColor.MAIN,\n      'main-darken': theme('colors.main-darken'),\n      danger: defaultColor.DANGER,\n      'danger-darken': theme('colors.danger-darken'),\n      'warning-yellow': defaultColor.WARNING_YELLOW,\n      'warning-yellow-darken': theme('colors.warning-yellow-darken'),\n      overlay: defaultColor.OVERLAY,\n      scrim: defaultColor.SCRIM,\n      green: theme('colors.green'),\n      grey: {\n        9: theme('colors.grey.9'),\n        '9-darken': darkenColor(theme('colors.grey.9')),\n      },\n      inherit: 'inherit',\n      transparent: 'transparent',\n    }),\n    borderRadius: {\n      none: '0',\n      s: '4px',\n      m: '6px',\n      l: '8px',\n      em: '1em',\n      full: '9999px',\n    },\n    boxShadow: {\n      'layer-0': defaultShadow.LAYER0,\n      'layer-1': defaultShadow.LAYER1,\n      'layer-2': defaultShadow.LAYER2,\n      'layer-3': defaultShadow.LAYER3,\n      'layer-4': defaultShadow.LAYER4,\n      outline: defaultShadow.OUTLINE,\n      underline: defaultShadow.UNDERLINE,\n      'input-hover': defaultShadow.INPUT_HOVER,\n      none: 'none',\n    },\n    colors: {\n      black: defaultColor.GREY_100,\n      white: defaultColor.WHITE,\n      'white-darken': darkenColor(defaultColor.WHITE),\n      main: defaultColor.MAIN,\n      'main-darken': darkenColor(defaultColor.MAIN),\n      link: defaultColor.TEXT_LINK,\n      brand: defaultColor.BRAND,\n      outline: defaultColor.OUTLINE,\n      danger: defaultColor.DANGER,\n      'danger-darken': darkenColor(defaultColor.DANGER),\n      'warning-yellow': defaultColor.WARNING_YELLOW,\n      'warning-yellow-darken': darkenColor(defaultColor.WARNING_YELLOW),\n      // 色トークン周りの整理が必要（GREEN_100 と ORANGE_100 は primitive にしかない。）\n      green: '#0f7f85',\n      orange: '#f56121',\n      grey: {\n        DEFAULT: defaultColor.GREY_65,\n        5: defaultColor.GREY_5,\n        6: defaultColor.GREY_6,\n        7: defaultColor.GREY_7,\n        9: defaultColor.GREY_9,\n        20: defaultColor.GREY_20,\n        30: defaultColor.GREY_30,\n        65: defaultColor.GREY_65,\n        100: defaultColor.GREY_100,\n      },\n      transparency: {\n        15: defaultColor.TRANSPARENCY_15,\n        30: defaultColor.TRANSPARENCY_30,\n        50: defaultColor.TRANSPARENCY_50,\n      },\n      inherit: 'inherit',\n      transparent: 'transparent',\n      current: 'currentColor',\n    },\n    fontFamily: {\n      inherit: 'inherit',\n    },\n    fontSize: {\n      '2xs': defaultFontSize.XXS,\n      xs: defaultFontSize.XS,\n      sm: defaultFontSize.S,\n      base: defaultFontSize.M,\n      lg: defaultFontSize.L,\n      xl: defaultFontSize.XL,\n      '2xl': defaultFontSize.XXL,\n      inherit: 'inherit',\n    },\n    lineHeight: {\n      none: '1',\n      tight: '1.25',\n      normal: '1.5',\n      loose: '1.75',\n    },\n    maxWidth: {\n      none: 'none',\n      full: '100%',\n      min: 'min-content',\n      max: 'max-content',\n      fit: 'fit-content',\n    },\n    outlineColor: {\n      DEFAULT: defaultColor.OUTLINE,\n    },\n    spacing: {\n      px: '1px',\n      em: '1em',\n      ...(spacingSizes\n        .map((size) => ({\n          [size]: spacingByChar(size),\n        }))\n        .reduce((a, c) => Object.assign(a, c), {}) as Spacing),\n    },\n    stroke: {\n      black: defaultColor.GREY_100,\n    },\n    textColor: ({ theme }) => ({\n      main: theme('colors.main'),\n      black: theme('colors.black'),\n      white: theme('colors.white'),\n      'white-darken': theme('colors.white-darken'),\n      disabled: theme('colors.grey.30'),\n      link: theme('colors.link'),\n      // ACTION_BACKGROUND とコントラスト比 4.5 を達成するために調整\n      'link-darken': darkenColor(theme('colors.link'), 0.062),\n      grey: theme('colors.grey.65'),\n      danger: theme('colors.danger'),\n      green: theme('colors.green'),\n      'color-inherit': 'inherit',\n      transparent: 'transparent',\n    }),\n    zIndex: {\n      auto: 'auto',\n      0: '0',\n      1: '1',\n      'fixed-menu': `${defaultZIndex.FIXED_MENU}`,\n      'overlap-base': `${defaultZIndex.OVERLAP_BASE}`,\n      overlap: `${defaultZIndex.OVERLAP}`,\n      'flash-message': `${defaultZIndex.FLASH_MESSAGE}`,\n    },\n    extend: {\n      aria: {\n        'current-page': 'current=\"page\"',\n      },\n      minHeight: ({ theme }) => ({\n        ...theme('spacing'),\n      }),\n      borderWidth: {\n        6: '6px',\n      },\n      borderColor: ({ theme }) => ({\n        default: theme('colors.grey.20'),\n        disabled: theme('colors.grey.20 / 50%'),\n        darken: darkenColor(theme('colors.grey.20')),\n        'high-contrast': theme('colors.grey.100'),\n        link: theme('colors.link'),\n        orange: theme('colors.orange'),\n        green: theme('colors.green'),\n      }),\n      strokeWidth: {\n        '0.5': '0.5',\n      },\n      keyframes: ({ theme }) => ({\n        'loader-fade-in': {\n          '0%': {\n            opacity: '0',\n          },\n          to: {\n            opacity: '1',\n          },\n        },\n        'loader-line-full-unfill-rotate': {\n          '12.5%': {\n            transform: 'rotate(135deg)',\n          },\n          '25%': {\n            transform: 'rotate(270deg)',\n          },\n          '37.5%': {\n            transform: 'rotate(405deg)',\n          },\n          '50%': {\n            transform: 'rotate(540deg)',\n          },\n          '62.5%': {\n            transform: 'rotate(675deg)',\n          },\n          '75%': {\n            transform: 'rotate(810deg)',\n          },\n          '87.5%': {\n            transform: 'rotate(945deg)',\n          },\n          to: {\n            transform: 'rotate(1080deg)',\n          },\n        },\n        'loader-line1-fade-in-out': {\n          '0%': {\n            opacity: '1',\n          },\n          '25%': {\n            opacity: '1',\n          },\n          '26%': {\n            opacity: '0',\n          },\n          '89%': {\n            opacity: '0',\n          },\n          '90%': {\n            opacity: '1',\n          },\n          to: {\n            opacity: '1',\n          },\n        },\n        'loader-line2-fade-in-out': {\n          '0%': {\n            opacity: '0',\n          },\n          '15%': {\n            opacity: '0',\n          },\n          '25%': {\n            opacity: '1',\n          },\n          '50%': {\n            opacity: '1',\n          },\n          '51%': {\n            opacity: '0',\n          },\n        },\n        'loader-line3-fade-in-out': {\n          '0%': {\n            opacity: '0',\n          },\n          '40%': {\n            opacity: '0',\n          },\n          '50%': {\n            opacity: '1',\n          },\n          '75%': {\n            opacity: '1',\n          },\n          '76%': {\n            opacity: '0',\n          },\n        },\n        'loader-line4-fade-in-out': {\n          '0%': {\n            opacity: '0',\n          },\n          '65%': {\n            opacity: '0',\n          },\n          '75%': {\n            opacity: '1',\n          },\n          '90%': {\n            opacity: '1',\n          },\n          to: {\n            opacity: '0',\n          },\n        },\n        'loader-left-spin': {\n          '0%, 100%': { transform: 'rotate(130deg)' },\n          '50%': { transform: 'rotate(-5deg)' },\n        },\n        'loader-right-spin': {\n          '0%, 100%': { transform: 'rotate(-130deg)' },\n          '50%': { transform: 'rotate(5deg)' },\n        },\n        'notification-bar-slide-in': {\n          from: {\n            opacity: '0',\n            /* 1行の場合の高さ分だけスライドさせる */\n            transform: `translateY(calc(-1 * calc(${theme('fontSize.base')} * ${theme('lineHeight.tight')} + ${theme('spacing')[1.5]})))`,\n          },\n          to: {\n            opacity: '1',\n            transform: 'translateY(0)',\n          },\n        },\n        'flash-message-bounce': {\n          'from, 20%, 53%, 80%, to': {\n            'animation-timing-function': 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n            transform: 'translate3d(0, 0, 0)',\n          },\n          '40%, 43%': {\n            'animation-timing-function': 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n            transform: 'translate3d(0, -30px, 0)',\n          },\n          '70%': {\n            'animation-timing-function': 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n            transform: 'translate3d(0, -15px, 0)',\n          },\n          '90%': {\n            transform: 'translate3d(0, -4px, 0)',\n          },\n        },\n      }),\n    },\n  },\n  corePlugins: {\n    preflight: false,\n    boxShadowColor: false,\n    caretColor: false,\n    divideColor: false,\n    placeholderColor: false,\n    ringColor: false,\n    ringOffsetColor: false,\n    textDecorationColor: false,\n  },\n  plugins: [\n    plugin(({ matchUtilities, addComponents, addBase, addVariant, theme }) => {\n      matchUtilities(\n        {\n          'border-t': (value) => ({ 'border-top-style': value }),\n          'border-l': (value) => ({ 'border-left-style': value }),\n          'border-s': (value) => ({ 'border-inline-start-style': value }),\n        },\n        { values: { solid: 'solid', dashed: 'dashed', dotted: 'dotted' } },\n      )\n\n      addComponents({\n        /**\n         * box-shadow や ring を使った仕組みでは Firefox で欠陥があるため、独自定義している\n         * via https://github.com/tailwindlabs/tailwindcss/issues/10226\n         */\n        '.focus-indicator': {\n          outline: 'none',\n          isolation: 'isolate',\n          boxShadow: `0 0 0 2px ${theme('colors.white')}, 0 0 0 4px ${theme('colors.outline')}`,\n        },\n        '.focus-indicator--inner': {\n          outline: 'none',\n          isolation: 'isolate',\n          boxShadow: `inset 0 0 0 2px ${theme('colors.outline')}, inset 0 0 0 4px ${theme('colors.white')}`,\n        },\n        '.border-shorthand': {\n          borderWidth: theme('borderWidth.DEFAULT'),\n          borderStyle: 'solid',\n          borderColor: theme('borderColor.default'),\n        },\n        '.border-t-shorthand': {\n          borderWidth: '0',\n          borderTopWidth: theme('borderWidth.DEFAULT'),\n          borderTopStyle: 'solid',\n          borderTopColor: theme('borderColor.default'),\n        },\n        '.border-r-shorthand': {\n          borderWidth: '0',\n          borderRightWidth: theme('borderWidth.DEFAULT'),\n          borderRightStyle: 'solid',\n          borderRightColor: theme('borderColor.default'),\n        },\n        '.border-b-shorthand': {\n          borderWidth: '0',\n          borderBottomWidth: theme('borderWidth.DEFAULT'),\n          borderBottomStyle: 'solid',\n          borderBottomColor: theme('borderColor.default'),\n        },\n        '.border-l-shorthand': {\n          borderWidth: '0',\n          borderLeftWidth: theme('borderWidth.DEFAULT'),\n          borderLeftStyle: 'solid',\n          borderLeftColor: theme('borderColor.default'),\n        },\n      })\n      addBase({\n        body: {\n          overflowWrap: 'break-word',\n          fontFamily: 'system-ui, sans-serif',\n          lineHeight: theme('lineHeight.normal'),\n          color: theme('colors.black'),\n          // Windows 環境で Yu Gothic が不用意に記号を詰めてしまうのを避ける\n          textSpacingTrim: 'space-all',\n        },\n        'p, dl': {\n          marginBlock: 'unset',\n        },\n        'menu, ul, ol': {\n          marginBlock: 'unset',\n          paddingInlineStart: 'unset',\n        },\n        dd: {\n          marginInlineStart: 'unset',\n        },\n        'button, input, textarea, select': {\n          fontFamily: 'inherit',\n        },\n        input: {\n          paddingInline: 'unset',\n        },\n        'input[type=search]': {\n          appearance: 'none',\n          boxSizing: 'unset',\n        },\n        textarea: {\n          marginInline: 'unset',\n        },\n        button: {\n          // Safari の UA スタイルで margin が設定されているため\n          margin: 'unset',\n        },\n        a: {\n          color: 'inherit',\n        },\n      })\n      addVariant('forced-colors', '@media (forced-colors: active)')\n    }),\n  ],\n  prefix: 'shr-',\n} satisfies Config\n"],"names":["defaultConfig","darken","spacingSizes"],"mappings":"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"}

package/esm/themes/createColor.d.ts

@@ -38,7 +38,6 @@ export declare const defaultColor: {
     MAIN: string;
     OUTLINE: string;
     DANGER: string;
-    WARNING: string;
     WARNING_YELLOW: string;
     OVERLAY: string;
     SCRIM: string;

package/esm/themes/createColor.js

@@ -22,7 +22,6 @@ const primitiveTokens = {
     BLUE_100: '#0077c7',
     BLUE_101: '#0071c1',
     RED_100: '#e01e5a',
-    ORANGE_100: '#ff8800',
     YELLOW_100: '#ffcc17',
     SMARTHR_BLUE: '#00c4cc',
 };
@@ -43,7 +42,6 @@ const semanticTokens = {
     MAIN: primitiveTokens.BLUE_100,
     OUTLINE: primitiveTokens.BLUE_100,
     DANGER: primitiveTokens.RED_100,
-    WARNING: primitiveTokens.ORANGE_100,
     WARNING_YELLOW: primitiveTokens.YELLOW_100,
     OVERLAY: transparencyScale.TRANSPARENCY_15,
     SCRIM: transparencyScale.TRANSPARENCY_50,

package/esm/themes/createColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"createColor.js","sources":["../../src/themes/createColor.ts"],"sourcesContent":["import { darken, rgba, transparentize } from 'polished'\n\nimport { merge } from '../libs/lodash'\n\nexport type TextColors = 'TEXT_BLACK' | 'TEXT_WHITE' | 'TEXT_GREY' | 'TEXT_DISABLED' | 'TEXT_LINK'\nexport type GreyScaleColors =\n  | keyof typeof greyScale\n  | 'BACKGROUND'\n  | 'COLUMN'\n  | 'BASE_GREY'\n  | 'OVER_BACKGROUND'\n  | 'HEAD'\n  | 'BORDER'\n  | 'ACTION_BACKGROUND'\n\nconst BLACK = '#030302' // hwb(56, 17, 1)\nconst greyScale = {\n  GREY_5: '#f8f7f6', // hwb(31, 1, 97)\n  GREY_6: '#f5f4f3', // hwb(31, 1, 96)\n  GREY_7: '#f2f1f0', // hwb(31, 1, 95)\n  GREY_9: '#edebe8', // hwb(31, 2, 92)\n  GREY_20: '#d6d3d0', // hwb(33, 3, 84)\n  GREY_30: '#c1bdb7', // hwb(36, 5, 76)\n  GREY_65: '#706d65', // hwb(44, 10, 44)\n  GREY_100: '#23221e', // hwb(52, 15, 14)\n}\nconst transparencyScale = {\n  TRANSPARENCY_15: rgba(BLACK, 0.15),\n  TRANSPARENCY_30: rgba(BLACK, 0.3),\n  TRANSPARENCY_50: rgba(BLACK, 0.5),\n}\nconst primitiveTokens = {\n  WHITE: '#fff',\n  BLUE_100: '#0077c7',\n  BLUE_101: '#0071c1',\n  RED_100: '#e01e5a',\n  ORANGE_100: '#ff8800',\n  YELLOW_100: '#ffcc17',\n  SMARTHR_BLUE: '#00c4cc',\n}\n\nconst semanticTokens = {\n  TEXT_BLACK: greyScale.GREY_100,\n  TEXT_WHITE: primitiveTokens.WHITE,\n  TEXT_GREY: greyScale.GREY_65,\n  TEXT_DISABLED: greyScale.GREY_30,\n  TEXT_LINK: primitiveTokens.BLUE_101,\n  WHITE: primitiveTokens.WHITE,\n  BACKGROUND: greyScale.GREY_5,\n  COLUMN: greyScale.GREY_5,\n  BASE_GREY: greyScale.GREY_6,\n  OVER_BACKGROUND: greyScale.GREY_7,\n  HEAD: greyScale.GREY_9,\n  BORDER: greyScale.GREY_20,\n  ACTION_BACKGROUND: greyScale.GREY_20,\n  MAIN: primitiveTokens.BLUE_100,\n  OUTLINE: primitiveTokens.BLUE_100,\n  DANGER: primitiveTokens.RED_100,\n  WARNING: primitiveTokens.ORANGE_100,\n  WARNING_YELLOW: primitiveTokens.YELLOW_100,\n  OVERLAY: transparencyScale.TRANSPARENCY_15,\n  SCRIM: transparencyScale.TRANSPARENCY_50,\n  BRAND: primitiveTokens.SMARTHR_BLUE,\n}\n\nexport const defaultColor = { ...semanticTokens, ...greyScale, ...transparencyScale }\n\ntype Palette = typeof defaultColor\nexport type ColorProperty = Partial<Palette>\nexport type CreatedColorTheme = Palette & {\n  hoverColor: (value: string) => string\n  disableColor: (value: string) => string\n}\n\nexport const createColor = (userColor?: ColorProperty): CreatedColorTheme => {\n  const colors = {\n    hoverColor: (value: string): string => darken(0.05, value),\n    disableColor: (value: string): string => rgba(value, 0.5),\n    ...defaultColor,\n  }\n\n  if (!userColor) {\n    return colors\n  }\n\n  return merge(\n    colors,\n    userColor,\n    !userColor.OUTLINE && userColor.MAIN ? { OUTLINE: transparentize(0.5, userColor.MAIN) } : null,\n  )\n}\n"],"names":["darken","transparentize"],"mappings":";;;AAeA,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;CACpB;AACD,MAAM,iBAAiB,GAAG;AACxB,IAAA,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;AAClC,IAAA,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;AACjC,IAAA,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;CAClC;AACD,MAAM,eAAe,GAAG;AACtB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,YAAY,EAAE,SAAS;CACxB;AAED,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,SAAS,CAAC,QAAQ;IAC9B,UAAU,EAAE,eAAe,CAAC,KAAK;IACjC,SAAS,EAAE,SAAS,CAAC,OAAO;IAC5B,aAAa,EAAE,SAAS,CAAC,OAAO;IAChC,SAAS,EAAE,eAAe,CAAC,QAAQ;IACnC,KAAK,EAAE,eAAe,CAAC,KAAK;IAC5B,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,MAAM,EAAE,SAAS,CAAC,OAAO;IACzB,iBAAiB,EAAE,SAAS,CAAC,OAAO;IACpC,IAAI,EAAE,eAAe,CAAC,QAAQ;IAC9B,OAAO,EAAE,eAAe,CAAC,QAAQ;IACjC,MAAM,EAAE,eAAe,CAAC,OAAO;IAC/B,OAAO,EAAE,eAAe,CAAC,UAAU;IACnC,cAAc,EAAE,eAAe,CAAC,UAAU;IAC1C,OAAO,EAAE,iBAAiB,CAAC,eAAe;IAC1C,KAAK,EAAE,iBAAiB,CAAC,eAAe;IACxC,KAAK,EAAE,eAAe,CAAC,YAAY;CACpC;AAEM,MAAM,YAAY,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,GAAG,iBAAiB;AAStE,MAAA,WAAW,GAAG,CAAC,SAAyB,KAAuB;AAC1E,IAAA,MAAM,MAAM,GAAG;QACb,UAAU,EAAE,CAAC,KAAa,KAAaA,eAAM,CAAC,IAAI,EAAE,KAAK,CAAC;QAC1D,YAAY,EAAE,CAAC,KAAa,KAAa,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;AACzD,QAAA,GAAG,YAAY;KAChB;IAED,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,OAAO,MAAM;;AAGf,IAAA,OAAO,KAAK,CACV,MAAM,EACN,SAAS,EACT,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,GAAG,EAAE,OAAO,EAAEC,uBAAc,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAC/F;AACH;;;;"}
+{"version":3,"file":"createColor.js","sources":["../../src/themes/createColor.ts"],"sourcesContent":["import { darken, rgba, transparentize } from 'polished'\n\nimport { merge } from '../libs/lodash'\n\nexport type TextColors = 'TEXT_BLACK' | 'TEXT_WHITE' | 'TEXT_GREY' | 'TEXT_DISABLED' | 'TEXT_LINK'\nexport type GreyScaleColors =\n  | keyof typeof greyScale\n  | 'BACKGROUND'\n  | 'COLUMN'\n  | 'BASE_GREY'\n  | 'OVER_BACKGROUND'\n  | 'HEAD'\n  | 'BORDER'\n  | 'ACTION_BACKGROUND'\n\nconst BLACK = '#030302' // hwb(56, 17, 1)\nconst greyScale = {\n  GREY_5: '#f8f7f6', // hwb(31, 1, 97)\n  GREY_6: '#f5f4f3', // hwb(31, 1, 96)\n  GREY_7: '#f2f1f0', // hwb(31, 1, 95)\n  GREY_9: '#edebe8', // hwb(31, 2, 92)\n  GREY_20: '#d6d3d0', // hwb(33, 3, 84)\n  GREY_30: '#c1bdb7', // hwb(36, 5, 76)\n  GREY_65: '#706d65', // hwb(44, 10, 44)\n  GREY_100: '#23221e', // hwb(52, 15, 14)\n}\nconst transparencyScale = {\n  TRANSPARENCY_15: rgba(BLACK, 0.15),\n  TRANSPARENCY_30: rgba(BLACK, 0.3),\n  TRANSPARENCY_50: rgba(BLACK, 0.5),\n}\nconst primitiveTokens = {\n  WHITE: '#fff',\n  BLUE_100: '#0077c7',\n  BLUE_101: '#0071c1',\n  GREEN_100: '#0f7f85',\n  ORANGE_100: '#f56121',\n  RED_100: '#e01e5a',\n  YELLOW_100: '#ffcc17',\n  SMARTHR_BLUE: '#00c4cc',\n}\n\nconst semanticTokens = {\n  TEXT_BLACK: greyScale.GREY_100,\n  TEXT_WHITE: primitiveTokens.WHITE,\n  TEXT_GREY: greyScale.GREY_65,\n  TEXT_DISABLED: greyScale.GREY_30,\n  TEXT_LINK: primitiveTokens.BLUE_101,\n  WHITE: primitiveTokens.WHITE,\n  BACKGROUND: greyScale.GREY_5,\n  COLUMN: greyScale.GREY_5,\n  BASE_GREY: greyScale.GREY_6,\n  OVER_BACKGROUND: greyScale.GREY_7,\n  HEAD: greyScale.GREY_9,\n  BORDER: greyScale.GREY_20,\n  ACTION_BACKGROUND: greyScale.GREY_20,\n  MAIN: primitiveTokens.BLUE_100,\n  OUTLINE: primitiveTokens.BLUE_100,\n  DANGER: primitiveTokens.RED_100,\n  WARNING_YELLOW: primitiveTokens.YELLOW_100,\n  OVERLAY: transparencyScale.TRANSPARENCY_15,\n  SCRIM: transparencyScale.TRANSPARENCY_50,\n  BRAND: primitiveTokens.SMARTHR_BLUE,\n}\n\nexport const defaultColor = { ...semanticTokens, ...greyScale, ...transparencyScale }\n\ntype Palette = typeof defaultColor\nexport type ColorProperty = Partial<Palette>\nexport type CreatedColorTheme = Palette & {\n  hoverColor: (value: string) => string\n  disableColor: (value: string) => string\n}\n\nexport const createColor = (userColor?: ColorProperty): CreatedColorTheme => {\n  const colors = {\n    hoverColor: (value: string): string => darken(0.05, value),\n    disableColor: (value: string): string => rgba(value, 0.5),\n    ...defaultColor,\n  }\n\n  if (!userColor) {\n    return colors\n  }\n\n  return merge(\n    colors,\n    userColor,\n    !userColor.OUTLINE && userColor.MAIN ? { OUTLINE: transparentize(0.5, userColor.MAIN) } : null,\n  )\n}\n"],"names":["darken","transparentize"],"mappings":";;;AAeA,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;CACpB;AACD,MAAM,iBAAiB,GAAG;AACxB,IAAA,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;AAClC,IAAA,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;AACjC,IAAA,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;CAClC;AACD,MAAM,eAAe,GAAG;AACtB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAEA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,YAAY,EAAE,SAAS;CACxB;AAED,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,SAAS,CAAC,QAAQ;IAC9B,UAAU,EAAE,eAAe,CAAC,KAAK;IACjC,SAAS,EAAE,SAAS,CAAC,OAAO;IAC5B,aAAa,EAAE,SAAS,CAAC,OAAO;IAChC,SAAS,EAAE,eAAe,CAAC,QAAQ;IACnC,KAAK,EAAE,eAAe,CAAC,KAAK;IAC5B,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,MAAM,EAAE,SAAS,CAAC,OAAO;IACzB,iBAAiB,EAAE,SAAS,CAAC,OAAO;IACpC,IAAI,EAAE,eAAe,CAAC,QAAQ;IAC9B,OAAO,EAAE,eAAe,CAAC,QAAQ;IACjC,MAAM,EAAE,eAAe,CAAC,OAAO;IAC/B,cAAc,EAAE,eAAe,CAAC,UAAU;IAC1C,OAAO,EAAE,iBAAiB,CAAC,eAAe;IAC1C,KAAK,EAAE,iBAAiB,CAAC,eAAe;IACxC,KAAK,EAAE,eAAe,CAAC,YAAY;CACpC;AAEM,MAAM,YAAY,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,GAAG,iBAAiB;AAStE,MAAA,WAAW,GAAG,CAAC,SAAyB,KAAuB;AAC1E,IAAA,MAAM,MAAM,GAAG;QACb,UAAU,EAAE,CAAC,KAAa,KAAaA,eAAM,CAAC,IAAI,EAAE,KAAK,CAAC;QAC1D,YAAY,EAAE,CAAC,KAAa,KAAa,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;AACzD,QAAA,GAAG,YAAY;KAChB;IAED,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,OAAO,MAAM;;AAGf,IAAA,OAAO,KAAK,CACV,MAAM,EACN,SAAS,EACT,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,GAAG,EAAE,OAAO,EAAEC,uBAAc,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAC/F;AACH;;;;"}

package/esm/themes/tailwind/TailwindConfig.d.ts

@@ -11,6 +11,8 @@ export declare const colors: {
     'danger-darken': string;
     'warning-yellow': string;
     'warning-yellow-darken': string;
+    green: string;
+    orange: string;
     grey: {
         DEFAULT: string;
         5: string;
@@ -40,6 +42,7 @@ export declare const colors: {
     'link-darken': string;
     grey: any;
     danger: any;
+    green: any;
     'color-inherit': string;
     transparent: string;
 }, fontSize: {
@@ -73,6 +76,7 @@ export declare const colors: {
     'warning-yellow-darken': any;
     overlay: string;
     scrim: string;
+    green: any;
     grey: {
         9: any;
         '9-darken': string;

package/lib/components/Chip/Chip.js

@@ -14,10 +14,8 @@ exports.classNameGenerator = (0, tailwind_variants_1.tv)({
         color: {
             grey: 'shr-border-grey-20',
             blue: 'shr-border-main',
-            /* green がトークン化されたら置き換える */
-            green: 'shr-border-[#0f7f85]',
-            /* oragen がトークン化されたら置き換える */
-            orange: 'shr-border-[#ff8800]',
+            green: 'shr-border-green',
+            orange: 'shr-border-orange',
             red: 'shr-border-danger',
         },
         size: {

package/lib/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+F;AAC/F,yDAAyD;AAM5C,QAAA,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IACnC,IAAI,EAAE;QACJ,iBAAiB;QACjB,oFAAoF;QACpF,wCAAwC;KACzC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE,iBAAiB;YACvB,2BAA2B;YAC3B,KAAK,EAAE,sBAAsB;YAC7B,4BAA4B;YAC5B,MAAM,EAAE,sBAAsB;YAC9B,GAAG,EAAE,mBAAmB;SACzB;QACD,IAAI,EAAE;YACJ,CAAC,EAAE,oCAAoC;SACxC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,mCAAmC;SAC1C;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAEK,MAAM,IAAI,GAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChF,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CAAC,IAAA,0BAAkB,EAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC9D,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnC,CAAA;IACD,OAAO,oCAAU,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI,CAAA;AACxD,CAAC,CAAA;AANY,QAAA,IAAI,QAMhB","sourcesContent":["import { type ComponentPropsWithoutRef, type FC, type PropsWithChildren, useMemo } from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\ntype Props = PropsWithChildren<\n  VariantProps<typeof classNameGenerator> & ComponentPropsWithoutRef<'span'>\n>\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-Chip',\n    'shr-border-shorthand shr-rounded-full shr-bg-white shr-text-black shr-leading-none',\n    'contrast-more:shr-border-high-contrast',\n  ],\n  variants: {\n    color: {\n      grey: 'shr-border-grey-20',\n      blue: 'shr-border-main',\n      /* green がトークン化されたら置き換える */\n      green: 'shr-border-[#0f7f85]',\n      /* oragen がトークン化されたら置き換える */\n      orange: 'shr-border-[#ff8800]',\n      red: 'shr-border-danger',\n    },\n    size: {\n      s: 'shr-text-sm shr-px-0.5 shr-py-0.25',\n    },\n    disabled: {\n      true: 'shr-bg-white/50 shr-text-disabled',\n    },\n  },\n  defaultVariants: {\n    size: 's',\n    color: 'grey',\n  },\n})\n\nexport const Chip: FC<Props> = ({ size, color, disabled, className, ...props }) => {\n  const actualClassName = useMemo(\n    () => classNameGenerator({ size, color, disabled, className }),\n    [size, color, disabled, className],\n  )\n  return <span {...props} className={actualClassName} />\n}\n"]}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+F;AAC/F,yDAAyD;AAM5C,QAAA,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IACnC,IAAI,EAAE;QACJ,iBAAiB;QACjB,oFAAoF;QACpF,wCAAwC;KACzC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,kBAAkB;YACzB,MAAM,EAAE,mBAAmB;YAC3B,GAAG,EAAE,mBAAmB;SACzB;QACD,IAAI,EAAE;YACJ,CAAC,EAAE,oCAAoC;SACxC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,mCAAmC;SAC1C;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAEK,MAAM,IAAI,GAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChF,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CAAC,IAAA,0BAAkB,EAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC9D,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnC,CAAA;IACD,OAAO,oCAAU,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI,CAAA;AACxD,CAAC,CAAA;AANY,QAAA,IAAI,QAMhB","sourcesContent":["import { type ComponentPropsWithoutRef, type FC, type PropsWithChildren, useMemo } from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\ntype Props = PropsWithChildren<\n  VariantProps<typeof classNameGenerator> & ComponentPropsWithoutRef<'span'>\n>\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-Chip',\n    'shr-border-shorthand shr-rounded-full shr-bg-white shr-text-black shr-leading-none',\n    'contrast-more:shr-border-high-contrast',\n  ],\n  variants: {\n    color: {\n      grey: 'shr-border-grey-20',\n      blue: 'shr-border-main',\n      green: 'shr-border-green',\n      orange: 'shr-border-orange',\n      red: 'shr-border-danger',\n    },\n    size: {\n      s: 'shr-text-sm shr-px-0.5 shr-py-0.25',\n    },\n    disabled: {\n      true: 'shr-bg-white/50 shr-text-disabled',\n    },\n  },\n  defaultVariants: {\n    size: 's',\n    color: 'grey',\n  },\n})\n\nexport const Chip: FC<Props> = ({ size, color, disabled, className, ...props }) => {\n  const actualClassName = useMemo(\n    () => classNameGenerator({ size, color, disabled, className }),\n    [size, color, disabled, className],\n  )\n  return <span {...props} className={actualClassName} />\n}\n"]}

package/lib/components/StatusLabel/StatusLabel.js

@@ -18,7 +18,7 @@ exports.classNameGenerator = (0, tailwind_variants_1.tv)({
             blue: 'shr-text-main',
             /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。
              * https://smarthr.design/basics/colors/#h4-1 */
-            green: 'shr-text-[#0f7f85]',
+            green: 'shr-text-green',
             red: 'shr-text-danger',
             warning: 'shr-border-warning-yellow shr-bg-warning-yellow shr-text-black',
             error: 'shr-bg-danger shr-border-danger shr-text-white',
@@ -43,7 +43,7 @@ exports.classNameGenerator = (0, tailwind_variants_1.tv)({
             bold: true,
             /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。
              * https://smarthr.design/basics/colors/#h4-1 */
-            class: 'shr-border-[#0f7f85] shr-bg-[#0f7f85]',
+            class: 'shr-border-green shr-bg-green',
         },
         {
             type: 'red',

package/lib/components/StatusLabel/StatusLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusLabel.js","sourceRoot":"","sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"names":[],"mappings":";;;;AAAA,iCAMc;AACd,yDAAyD;AAEzD,kCAA4E;AAE/D,QAAA,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IACnC,IAAI,EAAE;QACJ,wBAAwB;QACxB,6OAA6O;QAC7O,sBAAsB;QACtB,iBAAiB;KAClB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC,kCAAkC,EAAE,wCAAwC,CAAC;YACpF,IAAI,EAAE,eAAe;YACrB;4DACgD;YAChD,KAAK,EAAE,oBAAoB;YAC3B,GAAG,EAAE,iBAAiB;YACtB,OAAO,EAAE,gEAAgE;YACzE,KAAK,EAAE,gDAAgD;SACxD;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,mDAAmD;SAC3D;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,6BAA6B;SACrC;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,IAAI;YACV;4DACgD;YAChD,KAAK,EAAE,uCAAuC;SAC/C;QACD;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,iCAAiC;SACzC;QACD;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,mCAAmC;SAC3C;KACF;CACF,CAAC,CAAA;AAMW,QAAA,WAAW,GAAG,IAAA,YAAI,EAC7B,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CACH,IAAA,0BAAkB,EAAC;QACjB,SAAS;QACT,IAAI;QACJ,IAAI;KACL,CAAC,EACJ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CACxB,CAAA;IAED,OAAO,CACL,qCAAU,KAAK,EAAE,SAAS,EAAE,eAAe,aACzC,uBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,EAC/B,QAAQ,IACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,IAAI,GAAqC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAChE,IAAI,IAAI,EAAE,CAAC;QACT,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,uBAAC,gCAAyB,KAAG,CAAA;YACtC,KAAK,OAAO;gBACV,OAAO,uBAAC,8BAAuB,KAAG,CAAA;QACtC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { FaCircleExclamationIcon, FaTriangleExclamationIcon } from '../Icon'\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-StatusLabel',\n    'shr-box-content shr-inline-flex shr-items-center shr-justify-center shr-gap-0.25 shr-border-shorthand shr-border-current shr-bg-white shr-px-0.5 shr-py-0.25 shr-whitespace-nowrap shr-text-sm shr-font-bold shr-min-w-[3.5em] shr-min-h-em',\n    // ラベルが天地中央に揃わないため暫定対応\n    'shr-leading-[0]',\n  ],\n  variants: {\n    type: {\n      grey: ['shr-border-grey-20 shr-text-grey', 'contrast-more:shr-border-high-contrast'],\n      blue: 'shr-text-main',\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      green: 'shr-text-[#0f7f85]',\n      red: 'shr-text-danger',\n      warning: 'shr-border-warning-yellow shr-bg-warning-yellow shr-text-black',\n      error: 'shr-bg-danger shr-border-danger shr-text-white',\n    },\n    bold: {\n      true: 'shr-text-white',\n    },\n  },\n  compoundVariants: [\n    {\n      type: 'grey',\n      bold: true,\n      class: 'shr-border-grey-65 shr-bg-[theme(colors.grey.65)]',\n    },\n    {\n      type: 'blue',\n      bold: true,\n      class: 'shr-border-main shr-bg-main',\n    },\n    {\n      type: 'green',\n      bold: true,\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      class: 'shr-border-[#0f7f85] shr-bg-[#0f7f85]',\n    },\n    {\n      type: 'red',\n      bold: true,\n      class: 'shr-border-danger shr-bg-danger',\n    },\n    {\n      type: 'warning',\n      bold: true,\n      class: 'shr-border-current shr-text-black',\n    },\n  ],\n})\n\ntype BaseProps = VariantProps<typeof classNameGenerator>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\ntype Props = PropsWithChildren<BaseProps & ElementProps>\n\nexport const StatusLabel = memo<Props>(\n  ({ type = 'grey', bold = false, className, children, ...props }) => {\n    const actualClassName = useMemo(\n      () =>\n        classNameGenerator({\n          className,\n          type,\n          bold,\n        }),\n      [type, bold, className],\n    )\n\n    return (\n      <span {...props} className={actualClassName}>\n        <Icon type={type} bold={bold} />\n        {children}\n      </span>\n    )\n  },\n)\n\nconst Icon: FC<Pick<Props, 'type' | 'bold'>> = ({ type, bold }) => {\n  if (bold) {\n    switch (type) {\n      case 'warning':\n        return <FaTriangleExclamationIcon />\n      case 'error':\n        return <FaCircleExclamationIcon />\n    }\n  }\n\n  return null\n}\n"]}
+{"version":3,"file":"StatusLabel.js","sourceRoot":"","sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"names":[],"mappings":";;;;AAAA,iCAMc;AACd,yDAAyD;AAEzD,kCAA4E;AAE/D,QAAA,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IACnC,IAAI,EAAE;QACJ,wBAAwB;QACxB,6OAA6O;QAC7O,sBAAsB;QACtB,iBAAiB;KAClB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC,kCAAkC,EAAE,wCAAwC,CAAC;YACpF,IAAI,EAAE,eAAe;YACrB;4DACgD;YAChD,KAAK,EAAE,gBAAgB;YACvB,GAAG,EAAE,iBAAiB;YACtB,OAAO,EAAE,gEAAgE;YACzE,KAAK,EAAE,gDAAgD;SACxD;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,mDAAmD;SAC3D;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,6BAA6B;SACrC;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,IAAI;YACV;4DACgD;YAChD,KAAK,EAAE,+BAA+B;SACvC;QACD;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,iCAAiC;SACzC;QACD;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,mCAAmC;SAC3C;KACF;CACF,CAAC,CAAA;AAMW,QAAA,WAAW,GAAG,IAAA,YAAI,EAC7B,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CACH,IAAA,0BAAkB,EAAC;QACjB,SAAS;QACT,IAAI;QACJ,IAAI;KACL,CAAC,EACJ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CACxB,CAAA;IAED,OAAO,CACL,qCAAU,KAAK,EAAE,SAAS,EAAE,eAAe,aACzC,uBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,EAC/B,QAAQ,IACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,IAAI,GAAqC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAChE,IAAI,IAAI,EAAE,CAAC;QACT,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,uBAAC,gCAAyB,KAAG,CAAA;YACtC,KAAK,OAAO;gBACV,OAAO,uBAAC,8BAAuB,KAAG,CAAA;QACtC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { FaCircleExclamationIcon, FaTriangleExclamationIcon } from '../Icon'\n\nexport const classNameGenerator = tv({\n  base: [\n    'smarthr-ui-StatusLabel',\n    'shr-box-content shr-inline-flex shr-items-center shr-justify-center shr-gap-0.25 shr-border-shorthand shr-border-current shr-bg-white shr-px-0.5 shr-py-0.25 shr-whitespace-nowrap shr-text-sm shr-font-bold shr-min-w-[3.5em] shr-min-h-em',\n    // ラベルが天地中央に揃わないため暫定対応\n    'shr-leading-[0]',\n  ],\n  variants: {\n    type: {\n      grey: ['shr-border-grey-20 shr-text-grey', 'contrast-more:shr-border-high-contrast'],\n      blue: 'shr-text-main',\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      green: 'shr-text-green',\n      red: 'shr-text-danger',\n      warning: 'shr-border-warning-yellow shr-bg-warning-yellow shr-text-black',\n      error: 'shr-bg-danger shr-border-danger shr-text-white',\n    },\n    bold: {\n      true: 'shr-text-white',\n    },\n  },\n  compoundVariants: [\n    {\n      type: 'grey',\n      bold: true,\n      class: 'shr-border-grey-65 shr-bg-[theme(colors.grey.65)]',\n    },\n    {\n      type: 'blue',\n      bold: true,\n      class: 'shr-border-main shr-bg-main',\n    },\n    {\n      type: 'green',\n      bold: true,\n      /* SmartHR 基本色の Aqua04。StatusLabel 以外では使いません。\n       * https://smarthr.design/basics/colors/#h4-1 */\n      class: 'shr-border-green shr-bg-green',\n    },\n    {\n      type: 'red',\n      bold: true,\n      class: 'shr-border-danger shr-bg-danger',\n    },\n    {\n      type: 'warning',\n      bold: true,\n      class: 'shr-border-current shr-text-black',\n    },\n  ],\n})\n\ntype BaseProps = VariantProps<typeof classNameGenerator>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\ntype Props = PropsWithChildren<BaseProps & ElementProps>\n\nexport const StatusLabel = memo<Props>(\n  ({ type = 'grey', bold = false, className, children, ...props }) => {\n    const actualClassName = useMemo(\n      () =>\n        classNameGenerator({\n          className,\n          type,\n          bold,\n        }),\n      [type, bold, className],\n    )\n\n    return (\n      <span {...props} className={actualClassName}>\n        <Icon type={type} bold={bold} />\n        {children}\n      </span>\n    )\n  },\n)\n\nconst Icon: FC<Pick<Props, 'type' | 'bold'>> = ({ type, bold }) => {\n  if (bold) {\n    switch (type) {\n      case 'warning':\n        return <FaTriangleExclamationIcon />\n      case 'error':\n        return <FaCircleExclamationIcon />\n    }\n  }\n\n  return null\n}\n"]}

package/lib/index.d.ts

@@ -3,7 +3,6 @@ export { Balloon } from './components/Balloon';
 export { Checkbox } from './components/Checkbox';
 export * from './components/Chip';
 export { Dropdown, DropdownTrigger, DropdownContent, DropdownCloser, FilterDropdown, DropdownMenuButton, DropdownMenuGroup, SortDropdown, } from './components/Dropdown';
-export * from './components/FlashMessage';
 export { FloatArea } from './components/FloatArea';
 export { Input, CurrencyInput, SearchInput } from './components/Input';
 export { InputFile } from './components/InputFile';

package/lib/index.js

@@ -35,7 +35,6 @@ Object.defineProperty(exports, "FilterDropdown", { enumerable: true, get: functi
 Object.defineProperty(exports, "DropdownMenuButton", { enumerable: true, get: function () { return Dropdown_1.DropdownMenuButton; } });
 Object.defineProperty(exports, "DropdownMenuGroup", { enumerable: true, get: function () { return Dropdown_1.DropdownMenuGroup; } });
 Object.defineProperty(exports, "SortDropdown", { enumerable: true, get: function () { return Dropdown_1.SortDropdown; } });
-__exportStar(require("./components/FlashMessage"), exports);
 var FloatArea_1 = require("./components/FloatArea");
 Object.defineProperty(exports, "FloatArea", { enumerable: true, get: function () { return FloatArea_1.FloatArea; } });
 var Input_1 = require("./components/Input");

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// components\nexport { DisclosureTrigger, DisclosureContent } from './components/Disclosure'\nexport { Balloon } from './components/Balloon'\nexport { Checkbox } from './components/Checkbox'\nexport * from './components/Chip'\nexport {\n  Dropdown,\n  DropdownTrigger,\n  DropdownContent,\n  DropdownCloser,\n  FilterDropdown,\n  DropdownMenuButton,\n  DropdownMenuGroup,\n  SortDropdown,\n} from './components/Dropdown'\nexport * from './components/FlashMessage'\nexport { FloatArea } from './components/FloatArea'\nexport { Input, CurrencyInput, SearchInput } from './components/Input'\nexport { InputFile } from './components/InputFile'\nexport { Textarea } from './components/Textarea'\nexport { TextLink, HelpLink, UpwardLink } from './components/TextLink'\nexport { Loader } from './components/Loader'\nexport {\n  ActionDialog,\n  FormDialog,\n  Dialog,\n  DialogCloser,\n  DialogContent,\n  DialogTrigger,\n  DialogWrapper,\n  MessageDialog,\n  MessageDialogContent,\n  ModelessDialog,\n  RemoteDialogTrigger,\n  RemoteTriggerActionDialog,\n  RemoteTriggerFormDialog,\n  RemoteTriggerStepFormDialog,\n  RemoteTriggerMessageDialog,\n  StepFormDialog,\n  StepFormDialogItem,\n} from './components/Dialog'\nexport { Pagination } from './components/Pagination'\nexport { RadioButton } from './components/RadioButton'\nexport { RadioButtonPanel } from './components/RadioButtonPanel'\nexport { AnchorButton, Button, UnstyledButton } from './components/Button'\nexport { StatusLabel, RequiredLabel } from './components/StatusLabel'\nexport { Base, BaseColumn } from './components/Base'\nexport * from './components/Icon'\nexport { SmartHRAILogo } from './components/SmartHRAILogo'\nexport { SmartHRLogo } from './components/SmartHRLogo'\nexport * from './components/Table'\nexport * from './components/AppNavi'\nexport { TabBar, TabItem } from './components/TabBar'\nexport { Heading, PageHeading } from './components/Heading'\nexport { Select } from './components/Select'\nexport { DropZone } from './components/DropZone'\nexport { DefinitionList, DefinitionListItem } from './components/DefinitionList'\nexport {\n  AccordionPanel,\n  AccordionPanelItem,\n  AccordionPanelContent,\n  AccordionPanelTrigger,\n} from './components/AccordionPanel'\nexport { InformationPanel } from './components/InformationPanel'\nexport { Tooltip } from './components/Tooltip'\nexport { BottomFixedArea } from './components/BottomFixedArea'\nexport { ErrorScreen, MessageScreen } from './components/ErrorScreen'\nexport { Calendar } from './components/Calendar'\nexport { DatePicker } from './components/DatePicker'\nexport { SegmentedControl, type SegmentedControlOption } from './components/SegmentedControl'\nexport { FormControl } from './components/FormControl'\nexport { Fieldset } from './components/Fieldset'\nexport { MultiCombobox, SingleCombobox } from './components/Combobox'\nexport { SideNav, SideNavItemButton } from './components/SideNav'\nexport { Text } from './components/Text'\nexport { RangeSeparator } from './components/RangeSeparator'\nexport { LineClamp } from './components/LineClamp'\nexport { NotificationBar } from './components/NotificationBar'\nexport {\n  AppLauncher,\n  Header,\n  HeaderLink,\n  HeaderDropdownMenuButton,\n  LanguageSwitcher,\n} from './components/Header'\nexport { PageCounter } from './components/PageCounter'\nexport { Article, Aside, Nav, Section } from './components/SectioningContent'\nexport { VisuallyHiddenText } from './components/VisuallyHiddenText'\nexport * from './components/SideMenu'\nexport * from './components/SpreadsheetTable'\nexport * from './components/ResponseMessage'\nexport * from './components/Badge'\nexport * from './components/Switch'\nexport * from './components/Stepper'\nexport * from './components/Picker'\nexport * from './components/Browser'\nexport * from './components/WarekiPicker'\nexport { AppHeader } from './components/AppHeader'\n\n// layout components\nexport { Center, Cluster, Reel, Stack, Sidebar } from './components/Layout'\n\n// hooks\nexport { useTheme } from './hooks/useTheme'\nexport { useDevice, DeviceProvider } from './hooks/useDevice'\n\n// themes\nexport { createTheme } from './themes/createTheme'\nexport { ThemeProvider } from './themes/ThemeProvider'\nexport { defaultColor } from './themes/createColor'\nexport { defaultInteraction } from './themes/createInteraction'\nexport { defaultBorder } from './themes/createBorder'\nexport { defaultRadius } from './themes/createRadius'\nexport { defaultFontSize } from './themes/createFontSize'\nexport { defaultLeading } from './themes/createLeading'\nexport { defaultSpacing } from './themes/createSpacing'\nexport { defaultBreakpoint } from './themes/createBreakpoint'\n\n// localization\nexport { IntlProvider, useIntl, DateFormatter, locales } from './intl'\n\n// constants\nexport { FONT_FAMILY, CHART_COLORS, OTHER_CHART_COLOR } from './constants'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// components\nexport { DisclosureTrigger, DisclosureContent } from './components/Disclosure'\nexport { Balloon } from './components/Balloon'\nexport { Checkbox } from './components/Checkbox'\nexport * from './components/Chip'\nexport {\n  Dropdown,\n  DropdownTrigger,\n  DropdownContent,\n  DropdownCloser,\n  FilterDropdown,\n  DropdownMenuButton,\n  DropdownMenuGroup,\n  SortDropdown,\n} from './components/Dropdown'\nexport { FloatArea } from './components/FloatArea'\nexport { Input, CurrencyInput, SearchInput } from './components/Input'\nexport { InputFile } from './components/InputFile'\nexport { Textarea } from './components/Textarea'\nexport { TextLink, HelpLink, UpwardLink } from './components/TextLink'\nexport { Loader } from './components/Loader'\nexport {\n  ActionDialog,\n  FormDialog,\n  Dialog,\n  DialogCloser,\n  DialogContent,\n  DialogTrigger,\n  DialogWrapper,\n  MessageDialog,\n  MessageDialogContent,\n  ModelessDialog,\n  RemoteDialogTrigger,\n  RemoteTriggerActionDialog,\n  RemoteTriggerFormDialog,\n  RemoteTriggerStepFormDialog,\n  RemoteTriggerMessageDialog,\n  StepFormDialog,\n  StepFormDialogItem,\n} from './components/Dialog'\nexport { Pagination } from './components/Pagination'\nexport { RadioButton } from './components/RadioButton'\nexport { RadioButtonPanel } from './components/RadioButtonPanel'\nexport { AnchorButton, Button, UnstyledButton } from './components/Button'\nexport { StatusLabel, RequiredLabel } from './components/StatusLabel'\nexport { Base, BaseColumn } from './components/Base'\nexport * from './components/Icon'\nexport { SmartHRAILogo } from './components/SmartHRAILogo'\nexport { SmartHRLogo } from './components/SmartHRLogo'\nexport * from './components/Table'\nexport * from './components/AppNavi'\nexport { TabBar, TabItem } from './components/TabBar'\nexport { Heading, PageHeading } from './components/Heading'\nexport { Select } from './components/Select'\nexport { DropZone } from './components/DropZone'\nexport { DefinitionList, DefinitionListItem } from './components/DefinitionList'\nexport {\n  AccordionPanel,\n  AccordionPanelItem,\n  AccordionPanelContent,\n  AccordionPanelTrigger,\n} from './components/AccordionPanel'\nexport { InformationPanel } from './components/InformationPanel'\nexport { Tooltip } from './components/Tooltip'\nexport { BottomFixedArea } from './components/BottomFixedArea'\nexport { ErrorScreen, MessageScreen } from './components/ErrorScreen'\nexport { Calendar } from './components/Calendar'\nexport { DatePicker } from './components/DatePicker'\nexport { SegmentedControl, type SegmentedControlOption } from './components/SegmentedControl'\nexport { FormControl } from './components/FormControl'\nexport { Fieldset } from './components/Fieldset'\nexport { MultiCombobox, SingleCombobox } from './components/Combobox'\nexport { SideNav, SideNavItemButton } from './components/SideNav'\nexport { Text } from './components/Text'\nexport { RangeSeparator } from './components/RangeSeparator'\nexport { LineClamp } from './components/LineClamp'\nexport { NotificationBar } from './components/NotificationBar'\nexport {\n  AppLauncher,\n  Header,\n  HeaderLink,\n  HeaderDropdownMenuButton,\n  LanguageSwitcher,\n} from './components/Header'\nexport { PageCounter } from './components/PageCounter'\nexport { Article, Aside, Nav, Section } from './components/SectioningContent'\nexport { VisuallyHiddenText } from './components/VisuallyHiddenText'\nexport * from './components/SideMenu'\nexport * from './components/SpreadsheetTable'\nexport * from './components/ResponseMessage'\nexport * from './components/Badge'\nexport * from './components/Switch'\nexport * from './components/Stepper'\nexport * from './components/Picker'\nexport * from './components/Browser'\nexport * from './components/WarekiPicker'\nexport { AppHeader } from './components/AppHeader'\n\n// layout components\nexport { Center, Cluster, Reel, Stack, Sidebar } from './components/Layout'\n\n// hooks\nexport { useTheme } from './hooks/useTheme'\nexport { useDevice, DeviceProvider } from './hooks/useDevice'\n\n// themes\nexport { createTheme } from './themes/createTheme'\nexport { ThemeProvider } from './themes/ThemeProvider'\nexport { defaultColor } from './themes/createColor'\nexport { defaultInteraction } from './themes/createInteraction'\nexport { defaultBorder } from './themes/createBorder'\nexport { defaultRadius } from './themes/createRadius'\nexport { defaultFontSize } from './themes/createFontSize'\nexport { defaultLeading } from './themes/createLeading'\nexport { defaultSpacing } from './themes/createSpacing'\nexport { defaultBreakpoint } from './themes/createBreakpoint'\n\n// localization\nexport { IntlProvider, useIntl, DateFormatter, locales } from './intl'\n\n// constants\nexport { FONT_FAMILY, CHART_COLORS, OTHER_CHART_COLOR } from './constants'\n"]}

package/lib/smarthr-ui-preset.d.ts

@@ -23,6 +23,7 @@ declare const _default: {
             'warning-yellow-darken': any;
             overlay: string;
             scrim: string;
+            green: any;
             grey: {
                 9: any;
                 '9-darken': string;
@@ -62,6 +63,8 @@ declare const _default: {
             'danger-darken': string;
             'warning-yellow': string;
             'warning-yellow-darken': string;
+            green: string;
+            orange: string;
             grey: {
                 DEFAULT: string;
                 5: string;
@@ -153,6 +156,7 @@ declare const _default: {
             'link-darken': string;
             grey: any;
             danger: any;
+            green: any;
             'color-inherit': string;
             transparent: string;
         };
@@ -179,6 +183,8 @@ declare const _default: {
                 darken: string;
                 'high-contrast': any;
                 link: any;
+                orange: any;
+                green: any;
             };
             strokeWidth: {
                 '0.5': string;

package/lib/smarthr-ui-preset.js

@@ -91,6 +91,7 @@ exports.default = {
             'warning-yellow-darken': theme('colors.warning-yellow-darken'),
             overlay: createColor_1.defaultColor.OVERLAY,
             scrim: createColor_1.defaultColor.SCRIM,
+            green: theme('colors.green'),
             grey: {
                 9: theme('colors.grey.9'),
                 '9-darken': darkenColor(theme('colors.grey.9')),
@@ -130,6 +131,9 @@ exports.default = {
             'danger-darken': darkenColor(createColor_1.defaultColor.DANGER),
             'warning-yellow': createColor_1.defaultColor.WARNING_YELLOW,
             'warning-yellow-darken': darkenColor(createColor_1.defaultColor.WARNING_YELLOW),
+            // 色トークン周りの整理が必要（GREEN_100 と ORANGE_100 は primitive にしかない。）
+            green: '#0f7f85',
+            orange: '#f56121',
             grey: {
                 DEFAULT: createColor_1.defaultColor.GREY_65,
                 5: createColor_1.defaultColor.GREY_5,
@@ -202,6 +206,7 @@ exports.default = {
             'link-darken': darkenColor(theme('colors.link'), 0.062),
             grey: theme('colors.grey.65'),
             danger: theme('colors.danger'),
+            green: theme('colors.green'),
             'color-inherit': 'inherit',
             transparent: 'transparent',
         }),
@@ -230,6 +235,8 @@ exports.default = {
                 darken: darkenColor(theme('colors.grey.20')),
                 'high-contrast': theme('colors.grey.100'),
                 link: theme('colors.link'),
+                orange: theme('colors.orange'),
+                green: theme('colors.green'),
             }),
             strokeWidth: {
                 '0.5': '0.5',