@team-monolith/cds 1.129.2-alpha.2 → 1.129.3-alpha

package/dist/patterns/ToggleButtonGroup/ToggleButton.js

@@ -1,32 +1,32 @@
 import { HOVER as e } from "../../utils/hover.js";
-import { RESET_BUTTON as t } from "../../utils/reset.js";
-import { Tooltip as n } from "../../components/Tooltip.js";
-import { toggleButtonGroupClasses as r } from "./ToggleButtonGroup.js";
-import { css as i } from "@emotion/react";
-import a from "@emotion/styled";
-import { useTranslation as o } from "react-i18next";
+import { useTranslation as t } from "../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { RESET_BUTTON as n } from "../../utils/reset.js";
+import { Tooltip as r } from "../../components/Tooltip.js";
+import { toggleButtonGroupClasses as i } from "./ToggleButtonGroup.js";
+import { css as a } from "@emotion/react";
+import o from "@emotion/styled";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/cds/patterns/ToggleButtonGroup/ToggleButton.tsx
 function l(e) {
-	let { datum: t, placement: i, isActive: a, onClick: l } = e, { label: f, onIcon: p, offIcon: m } = t, { t: h } = o();
-	return a ? /* @__PURE__ */ c(u, {
+	let { datum: n, placement: a, isActive: o, onClick: l } = e, { label: f, onIcon: p, offIcon: m } = n, { t: h } = t();
+	return o ? /* @__PURE__ */ c(u, {
 		"aria-label": h("{{label}} 선택 해제하기", { label: f }),
-		className: r.toggleButton.active,
+		className: i.toggleButton.active,
 		onClick: l,
 		children: [p, f]
-	}) : /* @__PURE__ */ s(n, {
-		placement: i,
+	}) : /* @__PURE__ */ s(r, {
+		placement: a,
 		text: f,
 		children: /* @__PURE__ */ s(d, {
 			"aria-label": h("{{label}} 선택하기", { label: f }),
-			className: r.toggleButton.inactive,
+			className: i.toggleButton.inactive,
 			onClick: l,
 			children: m
 		})
 	});
 }
-var u = a.button(({ theme: e }) => i`
-    ${t};
+var u = o.button(({ theme: e }) => a`
+    ${n};
     cursor: pointer;
     display: flex;
     padding: 8px 12px;
@@ -48,8 +48,8 @@ var u = a.button(({ theme: e }) => i`
       width: 24px;
       height: 24px;
     }
-  `), d = a.button`
-  ${t};
+  `), d = o.button`
+  ${n};
   cursor: pointer;
   display: flex;
   padding: 8px 12px;
@@ -57,7 +57,7 @@ var u = a.button(({ theme: e }) => i`
   align-items: center;
 
   opacity: 0.6;
-  ${e(i`
+  ${e(a`
     opacity: 1;
   `)}
 

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.129.2-alpha.2",
+  "version": "1.129.3-alpha",
+  "packageManager": "pnpm@10.33.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
@@ -40,7 +41,6 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.62.0",
-    "react-i18next": "15.7.3",
     "react-player": "2.16.1",
     "remixicon": "4.3.0",
     "typescript": "5.5.4",
@@ -48,12 +48,18 @@
     "usehooks-ts": "2.9.1"
   },
   "files": [
-    "dist/**/*",
-    "@types/**/*"
-  ],
-  "bundleDependencies": [
-    "react-i18next"
+    "dist/**/*"
   ],
+  "scripts": {
+    "build": "VITE_I18N_UPLOAD=true vite build",
+    "build:upload-i18n": "VITE_I18N_UPLOAD=true vite build",
+    "clean": "rimraf dist",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test:self-install": "npx -y jiti ./scripts/self-install-test.mts",
+    "generate:remixicon-types": "tsx scripts/cds-build/writeRemixiconTypes.ts",
+    "lint": "npx eslint src/"
+  },
   "eslintConfig": {
     "extends": [
       "react-app",
@@ -102,6 +108,7 @@
     "pascalcase": "2.0.0",
     "prettier": "3.1.0",
     "prop-types": "15.8.1",
+    "react-i18next": "15.7.3",
     "rimraf": "5.0.5",
     "storybook": "10.3.5",
     "tsx": "4.20.5",
@@ -109,15 +116,5 @@
     "unplugin-dts": "1.0.0-beta.6",
     "vite": "8.0.9",
     "vite-plugin-svgr": "5.2.0"
-  },
-  "scripts": {
-    "build": "VITE_I18N_UPLOAD=true vite build",
-    "build:upload-i18n": "VITE_I18N_UPLOAD=true vite build",
-    "clean": "rimraf dist",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test:self-install": "npx -y jiti ./scripts/self-install-test.mts",
-    "generate:remixicon-types": "tsx scripts/cds-build/writeRemixiconTypes.ts",
-    "lint": "npx eslint src/"
   }
-}
+}

package/@types/emotion.d.ts

@@ -1,197 +0,0 @@
-import { SerializedStyles } from "@emotion/react";
-
-interface CodleFontFamilies {
-  ui: string;
-  title: string;
-  code: string;
-}
-
-interface CodleColors {
-  background: {
-    neutralBase: string;
-    neutralBaseActive: string;
-    neutralBaseDisabled: string;
-    neutralAlt: string;
-    neutralAltActive: string;
-    neutralAltDisabled: string;
-    primary: string;
-    primaryActive: string;
-    primaryDisabled: string;
-    secondary: string;
-    secondaryActive: string;
-    secondaryDisabled: string;
-    danger: string;
-    dangerActive: string;
-    dangerDisabled: string;
-    success: string;
-    successActive: string;
-    successDisabled: string;
-    info: string;
-    infoActive: string;
-    infoDisabled: string;
-    warning: string;
-    warningActive: string;
-    warningDisabled: string;
-    inverse: string;
-    inverseActive: string;
-    inverseDisabled: string;
-  };
-  foreground: {
-    neutralBase: string;
-    neutralBaseActive: string;
-    neutralBaseDisabled: string;
-    neutralAlt: string;
-    neutralAltActive: string;
-    neutralAltDisabled: string;
-    primary: string;
-    primaryActive: string;
-    primaryDisabled: string;
-    secondary: string;
-    secondaryActive: string;
-    secondaryDisabled: string;
-    danger: string;
-    dangerActive: string;
-    dangerDisabled: string;
-    success: string;
-    successActive: string;
-    successDisabled: string;
-    info: string;
-    infoActive: string;
-    infoDisabled: string;
-    warning: string;
-    warningActive: string;
-    warningDisabled: string;
-  };
-  container: {
-    blueContainer: string;
-    blueOnContainer: string;
-    orangeContainer: string;
-    orangeOnContainer: string;
-    redContainer: string;
-    redOnContainer: string;
-    greenContainer: string;
-    greenOnContainer: string;
-    tealContainer: string;
-    tealOnContainer: string;
-    yellowContainer: string;
-    yellowOnContainer: string;
-    obsidianContainer: string;
-    obsidianOnContainer: string;
-    marbleContainer: string;
-    marbleOnContainer: string;
-  };
-  brand: {
-    brandOriginal: string;
-    brandAlt: string;
-    brandAccent: string;
-    brandFaded: string;
-    pdf: string;
-    pdfAlt: string;
-    quiz: string;
-    quizAlt: string;
-    python: string;
-    pythonAlt: string;
-    embedded: string;
-    embeddedAlt: string;
-    board: string;
-    boardAlt: string;
-    scratch: string;
-    scratchAlt: string;
-    entry: string;
-    entryAlt: string;
-    video: string;
-    videoAlt: string;
-    worksheet: string;
-    worksheetAlt: string;
-    ebook: string;
-    ebookAlt: string;
-    makecode: string;
-    makecodeAlt: string;
-    codap: string;
-    codapAlt: string;
-    aiQuiz: string;
-    aiQuizAlt: string;
-    aiSocroom: string;
-    aiSocroomAlt: string;
-    aiHtml: string;
-    aiHtmlAlt: string;
-    visang: string;
-
-    decorativeRed: string;
-    decorativePink: string;
-    decorativeAmber: string;
-    decorativeCoral: string;
-    decorativeGrass: string;
-    decorativeGreen: string;
-    decorativeBlue: string;
-    decorativeIndigo: string;
-    decorativePurple: string;
-    decorativeBrown: string;
-    decorativeCopper: string;
-    decorativeGold: string;
-    decorativeSilver: string;
-    decorativeGray: string;
-    decorativeBlack: string;
-    decorativeRedContainer: string;
-    decorativeRedOnContainer: string;
-    decorativeIndigoContainer: string;
-    decorativeIndigoOnContainer: string;
-    decorativeGreenContainer: string;
-    decorativeGreenOnContainer: string;
-    decorativePurpleContainer: string;
-    decorativePurpleOnContainer: string;
-    decorativeGoldContainer: string;
-    decorativeGoldOnContainer: string;
-    decorativeGrayContainer: string;
-    decorativeGrayOnContainer: string;
-    decorativeBlackContainer: string;
-    decorativeBlackOnContainer: string;
-  };
-  blanket: {
-    neutral: string;
-    neutralLight: string;
-    neutralHeavy: string;
-    inverse: string;
-    inverseLight: string;
-    inverseHeavy: string;
-  };
-}
-
-interface CodleTypography {
-  heading1Regular: SerializedStyles;
-  heading1Bold: SerializedStyles;
-  heading2Regular: SerializedStyles;
-  heading2Bold: SerializedStyles;
-  heading3Regular: SerializedStyles;
-  heading3Bold: SerializedStyles;
-  heading4Regular: SerializedStyles;
-  heading4Bold: SerializedStyles;
-  heading5Regular: SerializedStyles;
-  heading5Bold: SerializedStyles;
-  heading6Regular: SerializedStyles;
-  heading6Bold: SerializedStyles;
-  body1Regular: SerializedStyles;
-  body1Medium: SerializedStyles;
-  body1SemiBold: SerializedStyles;
-  body1Bold: SerializedStyles;
-  body2Regular: SerializedStyles;
-  body2Medium: SerializedStyles;
-  body2SemiBold: SerializedStyles;
-  body2Bold: SerializedStyles;
-  body3Regular: SerializedStyles;
-  body3Medium: SerializedStyles;
-  body3SemiBold: SerializedStyles;
-  body3Bold: SerializedStyles;
-  captionRegular: SerializedStyles;
-  captionMedium: SerializedStyles;
-  captionSemiBold: SerializedStyles;
-  captionBold: SerializedStyles;
-}
-
-declare module "@emotion/react" {
-  export interface Theme {
-    color: CodleColors;
-    fontFamily: CodleFontFamilies;
-    typography: CodleTypography;
-  }
-}

package/node_modules/react-i18next/.eslintrc.json

@@ -1,74 +0,0 @@
-{
-  "extends": ["airbnb", "prettier"],
-  "parser": "@babel/eslint-parser",
-  "parserOptions": {
-    "ecmaVersion": 8,
-    "ecmaFeatures": {
-      "experimentalObjectRestSpread": true,
-      "impliedStrict": true,
-      "classes": true
-    }
-  },
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "reportUnusedDisableDirectives": true,
-  "rules": {
-    "no-debugger": 0,
-    "no-alert": 0,
-    "no-unused-vars": [1, { "argsIgnorePattern": "res|next|^err" }],
-    "prefer-arrow-callback": ["error", { "allowNamedFunctions": true }],
-    "prefer-const": ["error", { "destructuring": "all" }],
-    "arrow-body-style": [2, "as-needed"],
-    "no-unused-expressions": [2, { "allowTaggedTemplates": true }],
-    "no-param-reassign": [2, { "props": false }],
-    "no-console": 0,
-    "no-use-before-define": 0,
-    "no-nested-ternary": 0,
-    "import/prefer-default-export": 0,
-    "import/no-extraneous-dependencies": 1,
-    "import/no-named-as-default-member": 1,
-    "import": 0,
-    "func-names": 0,
-    "space-before-function-paren": 0,
-    "comma-dangle": 0,
-    "max-len": 0,
-    "import/extensions": 0,
-    "no-underscore-dangle": 0,
-    "consistent-return": 0,
-    "react/display-name": 1,
-    "react/no-array-index-key": 0,
-    "react/jsx-no-useless-fragment": ["error", { "allowExpressions": true }],
-    "react/react-in-jsx-scope": 0,
-    "react/prefer-stateless-function": 0,
-    "react/forbid-prop-types": 0,
-    "react/no-unescaped-entities": 0,
-    "react/prop-types": 0,
-    "jsx-a11y/accessible-emoji": 0,
-    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
-    "react/no-unknown-property": ["error", { "ignore": ["i18nIsDynamicList"] }],
-    "radix": 0,
-    "no-shadow": [
-      2,
-      { "hoist": "all", "allow": ["resolve", "reject", "done", "next", "err", "error"] }
-    ],
-    "quotes": [2, "single", { "avoidEscape": true, "allowTemplateLiterals": true }],
-    "jsx-a11y/href-no-hash": "off",
-    "jsx-a11y/anchor-is-valid": ["warn", { "aspects": ["invalidHref"] }],
-    "react/jsx-props-no-spreading": 0
-  },
-  "overrides": [
-    {
-      "files": ["test/*"],
-      "extends": ["plugin:testing-library/react", "plugin:jest-dom/recommended"],
-      "globals": {
-        "globalThis": false
-      },
-      "rules": {
-        "testing-library/no-node-access": ["error", { "allowContainerFirstChild": true }],
-        "testing-library/no-manual-cleanup": "off"
-      }
-    }
-  ]
-}

package/node_modules/react-i18next/.husky/pre-commit

@@ -1 +0,0 @@
-npm exec lint-staged

package/node_modules/react-i18next/.prettierignore

@@ -1,4 +0,0 @@
-**/dist/
-**/react-i18next.js
-**/react-i18next.min.js
-**/example/