draft-components 3.6.0 → 4.0.0

package/dist/components/tabs/tabs.css

@@ -1,10 +1,10 @@
 .dc-tabs {
-  --dc-tablist-border-color: var(--dc-border-color-transparent-2);
-  --dc-tab-text-color: var(--dc-primary-text-color);
-  --dc-tab-accent-color: var(--dc-primary-color);
-  --dc-tab-bg: none;
-  --dc-tab-bg-hover: var(--dc-bg-transparent-1);
-  --dc-tab-focus-ring-color: var(--dc-focus-ring-color);
+  --tablist-border-color: var(--dc-border-color-2);
+  --tab-color: var(--dc-text-color-primary);
+  --tab-accent-color: var(--dc-blue-500);
+  --tab-background: none;
+  --tab-background-hover: var(--dc-background-color-1);
+  --tab-focus-ring-color: var(--dc-focus-ring-color);
 
   color-scheme: light;
 }
@@ -14,7 +14,7 @@
   padding: 0;
   margin: 0;
   font: var(--dc-text-sm);
-  color: var(--dc-tab-text-color);
+  color: var(--tab-color);
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -45,16 +45,16 @@
   padding-right: 8px;
   padding-left: 8px;
   margin-bottom: 8px;
-  background: var(--dc-tab-bg);
+  background: var(--tab-background);
   border-radius: 8px;
 }
 
 .dc-tab:hover .dc-tab__layout {
-  background: var(--dc-tab-bg-hover);
+  background: var(--tab-background-hover);
 }
 
 .dc-tab:focus .dc-tab__layout {
-  box-shadow: inset 0 0 0 3px var(--dc-tab-focus-ring-color);
+  box-shadow: inset 0 0 0 3px var(--tab-focus-ring-color);
 }
 
 .dc-tab:focus:not(:focus-visible) .dc-tab__layout {
@@ -80,13 +80,17 @@
   align-items: center;
   max-width: 100%;
   overflow-x: auto;
-  box-shadow: inset 0 -1px 0 var(--dc-tablist-border-color);
+  box-shadow: inset 0 -1px 0 var(--tablist-border-color);
 }
 
 .dc-tab-list > * + * {
   margin-left: 16px;
 }
 
+.dc-tab-panel {
+  font: var(--dc-text-md);
+}
+
 .dark .dc-tabs,
 .dark.dc-tabs {
   color-scheme: dark;

package/dist/components/tabs/tabs.d.ts

@@ -1,14 +1,17 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { TabName, TabSetter } from './types.js';
+import { type ComponentProps } from 'react';
+import { type TabName, type TabSetter } from './types.js';
 import { TabList } from './tab-list.js';
 import { TabPanel } from './tab-panel.js';
-export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
+type TabsHTMLProps = ComponentProps<'div'>;
+type TabsBaseProps = {
     selectedTab: TabName;
     onSelectTab: TabSetter;
-}
+};
+export type TabsProps = TabsBaseProps & Omit<TabsHTMLProps, keyof TabsBaseProps>;
 export declare function Tabs({ className, children, selectedTab, onSelectTab, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Tabs {
     var List: typeof TabList;
     var Tab: typeof import("./tab.js").Tab;
     var Panel: typeof TabPanel;
 }
+export {};

package/dist/components/tabs/tabs.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
+import {} from './types.js';
 import { classNames } from '../../lib/react-helpers.js';
 import { TabsContextProvider } from './tabs-context.js';
 import { TabList } from './tab-list.js';
@@ -10,3 +12,4 @@ export function Tabs({ className, children, selectedTab, onSelectTab, ...props }
 Tabs.List = TabList;
 Tabs.Tab = Tab;
 Tabs.Panel = TabPanel;
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAgC,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAa1C,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,GAAG,KAAK,EACE;IACV,OAAO,CACL,KAAC,mBAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,WAAW,YAE3B,iBAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,YACxD,QAAQ,GACL,GACc,CACvB,CAAC;AACJ,CAAC;AACD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACpB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AACf,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC"}

package/dist/components/tabs/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/dist/components/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tabs/types.ts"],"names":[],"mappings":""}

package/dist/components/tag/index.js

@@ -1 +1,2 @@
 export * from './tag.js';
+//# sourceMappingURL=index.js.map

package/dist/components/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}