sate-lib 2.15.0 → 2.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,8 +10,8 @@ interface TabsProps {
|
|
|
10
10
|
options: Option[];
|
|
11
11
|
defaultValue?: string;
|
|
12
12
|
onChange?: (value: string) => void;
|
|
13
|
-
|
|
13
|
+
legend?: string;
|
|
14
14
|
}
|
|
15
|
-
export declare function Tabs({ className, size, options, defaultValue, onChange,
|
|
15
|
+
export declare function Tabs({ className, size, options, defaultValue, onChange, legend, }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
17
17
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAIA,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/B,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,UAAU,SAAS;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAIA,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/B,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,UAAU,SAAS;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,EACpB,SAAc,EACd,IAAe,EACf,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,MAAe,GACf,EAAE,SAAS,2CAsCX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l}from"react";import{cn as t}from"../../util.js";import i from"./tabs.styles.module.js";function m({className:m="",size:
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l}from"react";import{cn as t}from"../../util.js";import i from"./tabs.styles.module.js";function m({className:m="",size:s="medium",options:d,defaultValue:r,onChange:o,legend:u="Tabs"}){let n=l(),c=`tabs-${n}`,b=t(i.fieldset,"medium"===s?"bodyDefault":"bodySmall",m);return e("div",{className:i.root,children:a("fieldset",{className:b,"data-size":s,children:[e("legend",{className:i.legend,children:u}),d.map(l=>{let t=`${c}-${l.value}`;return a("div",{className:i.itemWrap,children:[e("input",{className:i.input,defaultChecked:l.value===r,disabled:l.disabled,id:t,name:c,onChange:()=>o?.(l.value),type:"radio",value:l.value}),e("label",{className:i.item,htmlFor:t,children:l.label})]},l.value)})]})})}export{m as Tabs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./tabs.styles_module.css";let
|
|
1
|
+
import"./tabs.styles_module.css";let e={root:"root-wFb9L4",fieldset:"fieldset-pVyeNF",legend:"legend-t_QXe1",input:"input-s2hjvj",item:"item-gtuTCb",itemWrap:"itemWrap-irLkGn"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-wFb9L4{box-shadow:inset 0 -1px 0 rgb(from var(--color-border-overlay,#000)r g b/.15);
|
|
1
|
+
.root-wFb9L4{scrollbar-width:thin;box-shadow:inset 0 -1px 0 rgb(from var(--color-border-overlay,#000)r g b/.15);overflow-x:auto}.fieldset-pVyeNF{display:flex}.legend-t_QXe1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-s2hjvj{pointer-events:none;opacity:0;position:absolute}.item-gtuTCb{all:unset;padding:var(--spacing-size-8,.5rem);color:var(--color-content-tertiary,gray);white-space:nowrap;cursor:pointer;user-select:none;will-change:transform;border-radius:0;transition:font-weight .1s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.item-gtuTCb:hover{color:var(--color-content-primary,#202020)}.itemWrap-irLkGn{transition:box-shadow .2s ease-in-out;display:flex}.input-s2hjvj:checked+.item-gtuTCb{color:var(--color-content-primary,#202020);font-weight:500}.itemWrap-irLkGn:has(.input-s2hjvj:checked){box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.itemWrap-irLkGn:has(.input-s2hjvj:focus-visible){box-shadow:inset 0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 2px var(--color-content-primary,#202020)}.input-s2hjvj:disabled+.item-gtuTCb{pointer-events:none;opacity:.38}.root-wFb9L4[data-size=medium] .item-gtuTCb{padding:var(--spacing-size-10,.625rem)var(--spacing-size-16,1rem)}.root-wFb9L4[data-size=small] .item-gtuTCb{padding:var(--spacing-size-8,.5rem)}.root-wFb9L4[data-size=medium] .item-gtuTCb:active{transform:scale(.96)}.root-wFb9L4[data-size=small] .item-gtuTCb:active{transform:scale(.92)}
|