diff --git a/.github/dependabot.yml b/.github/dependabot.yml index f87d121..b557e87 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -5,7 +5,11 @@ version: 2 updates: - - package-ecosystem: "npm" - directory: "/" # Location of package manifests + - package-ecosystem: 'npm' + directory: '/' # Location of package manifests schedule: - interval: "weekly" + interval: 'monthly' + ignore: + - dependency-name: 'tailwindcss' + update-types: ['version-update:semver-major'] + versions: ['4.x'] diff --git a/.storybook/dadsTheme.ts b/.storybook/dadsTheme.ts index 2606a7e..e775b43 100644 --- a/.storybook/dadsTheme.ts +++ b/.storybook/dadsTheme.ts @@ -3,8 +3,7 @@ import { create } from 'storybook/theming/create'; export default create({ base: 'light', - brandTitle: 'デジタル庁デザインシステム', - brandImage: 'logo.svg', + brandTitle: 'デジタル庁デザインシステム コードスニペット(React版)', brandTarget: '_self', fontBase: "var(--font-family-sans), sans-serif", diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html index 0e9b553..3345d27 100644 --- a/.storybook/manager-head.html +++ b/.storybook/manager-head.html @@ -1,3 +1,4 @@ + @@ -8,7 +9,7 @@ #root > div { color-scheme: normal; } - + /* パネル間のボーダー色 */ #root > div > div:has(nav) { border-right-color: var(--color-neutral-solid-gray-420); @@ -78,4 +79,4 @@ \ No newline at end of file + diff --git a/.storybook/prose.css b/.storybook/prose.css index 61ac88a..ae5b1ec 100644 --- a/.storybook/prose.css +++ b/.storybook/prose.css @@ -403,7 +403,7 @@ } } .prose .sbdocs-a:active { - color: var(--color-primitive-orange-700); + color: var(--color-primitive-orange-800); text-decoration-thickness: calc(1 / 16 * 1rem); } .prose .sbdocs-a:focus-visible { @@ -441,4 +441,4 @@ font: inherit; font-family: var(--font-family-mono), monospace; letter-spacing: 0; -} \ No newline at end of file +} diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..7c156dc Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..732eb0c --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1 @@ + diff --git a/public/logo.svg b/public/logo.svg deleted file mode 100644 index 76b484b..0000000 --- a/public/logo.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/components/Accordion/Accordion.tsx b/src/components/Accordion/Accordion.tsx index 9b80bc6..71ffeea 100644 --- a/src/components/Accordion/Accordion.tsx +++ b/src/components/Accordion/Accordion.tsx @@ -93,7 +93,7 @@ export const AccordionBackLink = (props: AccordionBackLinkProps) => { flex items-start w-fit gap-1.5 text-blue-1000 underline underline-offset-[calc(3/16*1rem)] hover:text-blue-1000 hover:decoration-[calc(3/16*1rem)] - active:text-orange-700 active:decoration-1 + active:text-orange-800 active:decoration-1 focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300 ${className ?? ''} `} diff --git a/src/components/Breadcrumbs/Breadcrumbs.tsx b/src/components/Breadcrumbs/Breadcrumbs.tsx index 7c3f011..d9799c4 100644 --- a/src/components/Breadcrumbs/Breadcrumbs.tsx +++ b/src/components/Breadcrumbs/Breadcrumbs.tsx @@ -45,7 +45,7 @@ export const BreadcrumbItem = ({ export const breadcrumbLinkStyle = ` text-blue-1000 text-oln-16N-100 underline underline-offset-[calc(3/16*1rem)] hover:text-blue-900 hover:decoration-[calc(3/16*1rem)] - active:text-orange-700 active:decoration-1 + active:text-orange-800 active:decoration-1 focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300 `; diff --git a/src/components/Disclosure/Disclosure.tsx b/src/components/Disclosure/Disclosure.tsx index 74b2e6b..3bc09d1 100644 --- a/src/components/Disclosure/Disclosure.tsx +++ b/src/components/Disclosure/Disclosure.tsx @@ -69,7 +69,7 @@ export const DisclosureBackLink = (props: DisclosureBackLinkProps) => { flex items-start w-fit gap-1.5 text-blue-1000 underline underline-offset-[calc(3/16*1rem)] hover:text-blue-1000 hover:decoration-[calc(3/16*1rem)] - active:text-orange-700 active:decoration-1 + active:text-orange-800 active:decoration-1 focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300 ${className ?? ''} `} diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx index c948db1..61c934c 100644 --- a/src/components/Link/Link.tsx +++ b/src/components/Link/Link.tsx @@ -6,7 +6,7 @@ export const linkVisitedStyle = 'visited:text-magenta-900'; export const linkHoverStyle = 'hover:text-blue-1000 hover:decoration-[calc(3/16*1rem)]'; export const linkFocusStyle = 'focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300'; -export const linkActiveStyle = 'active:text-orange-700 active:decoration-1'; +export const linkActiveStyle = 'active:text-orange-800 active:decoration-1'; export const linkStyle = ` ${linkDefaultStyle} diff --git a/src/components/StatusBadge/index.ts b/src/components/StatusBadge/index.ts index 5db90bc..4dd98d2 100644 --- a/src/components/StatusBadge/index.ts +++ b/src/components/StatusBadge/index.ts @@ -1,2 +1 @@ -export type { StatusBadgeProps } from './StatusBadge'; export { StatusBadge } from './StatusBadge';