@raystack/apsara 0.10.1 → 0.10.2

package/dist/index.css

@@ -315,7 +315,8 @@
 
 .button-module_button-secondary__zDkNV {
   color: var(--foreground-base);
-  background-color: var(--background-base)
+  background-color: var(--background-base);
+  border: 1px solid var(--border-base)
 }
 
 .button-module_button-secondary__zDkNV:hover, 
@@ -445,6 +446,7 @@
   line-height: 1;
   margin: 0;
   font-weight: 400;
+  color: var(--foreground-muted)
 }
 
 .label-module_label-small__se5gE {
@@ -889,6 +891,75 @@
   vertical-align: middle;
   max-width: 100%;
 }
+.inputfield-module_textfield__l6K73 {
+  appearance: none;
+  box-sizing: border-box;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  height: auto;
+  width: 100%;
+
+  background-color: var(--background-base);
+  border: 0.5px solid var(--border-base);
+  box-shadow: var(--shadow-xs);
+  border-radius: var(--br-4);
+  color: var(--foreground-base);
+}
+
+.inputfield-module_textfield__l6K73:-webkit-autofill {
+  box-shadow: var(--shadow-xs);
+}
+
+.inputfield-module_textfield__l6K73:focus {
+  border: 1px solid var(--background-accent-inverted);
+}
+
+.inputfield-module_textfield__l6K73::placeholder {
+  color: var(--foreground-subtle);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.inputfield-module_textfield__l6K73:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+.inputfield-module_textfield__l6K73:read-only {
+  background-color: var(--background-base);
+}
+
+.inputfield-module_textfield-sm__QTt1x {
+  border-radius: var(--br-4);
+  font-size: 12px;
+  line-height: 16px;
+  padding: var(--pd-4);
+}
+
+.inputfield-module_textfield-md__pQWpW {
+  border-radius: var(--br-4);
+  font-size: 13px;
+  line-height: 16px;
+  padding: var(--pd-8);
+}
+
+.inputfield-module_textfield-invlid__lcwL- {
+  border: 1px solid var(--border-danger);
+}
+.inputfield-module_textfield-invlid__lcwL-:focus {
+  border: 1px solid var(--border-danger);
+}
+
+.inputfield-module_textfield-valid__euwnE {
+  border: 1px solid var(--border-success);
+}
+
+.inputfield-module_textfield-valid__euwnE:focus {
+  border: 1px solid var(--border-success);
+}
+
 .link-module_link__3Pld2 {
   flex-shrink: 0;
   outline: 0;
@@ -1460,7 +1531,7 @@
   color: var(--foreground-subtle);
   font-size: 12px;
   line-height: 16px;
-},
+}
 
 .textfield-module_textfield__u4AGg:disabled {
   cursor: not-allowed;
@@ -1480,7 +1551,7 @@
 }
 
 .textfield-module_textfield-md__e2ayW {
-  border-radius: var(--br-8);
+  border-radius: var(--br-4);
   font-size: 13px;
   line-height: 16px;
   padding: var(--pd-8);
@@ -1501,7 +1572,6 @@
   border: 1px solid var(--border-success);
 }
 
-
 .table-module_table__mqnXB {
   width: 100%;
   font-size: 12px;

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export { Flex } from "./flex";
 export { Grid } from "./grid";
 export { Headline } from "./headline";
 export { Image } from "./image";
+export { InputField } from "./inputfield";
 export { Label } from "./label";
 export { Link } from "./link";
 export { Popover } from "./popover";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,KAAK,EACL,QAAQ,GACT,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,KAAK,EACL,QAAQ,GACT,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -9190,6 +9190,11 @@ function Image({ children, className, ...props }) {
     return jsxRuntimeExports.jsx("img", { className: image({ className }), ...props });
 }
 
+const InputField = ({ label, children, ...props }) => {
+    return (jsxRuntimeExports.jsxs(Flex, { direction: "column", style: { width: "100%" }, gap: "extra-small", ...props, children: [label && jsxRuntimeExports.jsx(Label, { children: label }), children] }));
+};
+InputField.displayName = "InputField";
+
 var styles$e = {"link":"link-module_link__3Pld2","link-small":"link-module_link-small__Upo0u","link-medium":"link-module_link-medium__gh8td","link-large":"link-module_link-large__XJuuy"};
 
 const link = cva(styles$e.link, {
@@ -15758,5 +15763,5 @@ function Title({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: title({ size, className }), ...props, children: children }));
 }
 
-export { ApsaraThemeProvider, Avatar, badge$1 as Badge, Body, Box, Button, Checkbox, Command, Container, DataTable, Dialog, Display, DropdownMenu, EmptyState, Flex, Grid, Headline, Image, Label, Link, Popover, Radio, ScrollArea, Select, Separator, Sheet, Sidebar, Switch, Table, Tabs, Text, TextField, ThemeSwitcher, Title, useApsaraTheme, useTable };
+export { ApsaraThemeProvider, Avatar, badge$1 as Badge, Body, Box, Button, Checkbox, Command, Container, DataTable, Dialog, Display, DropdownMenu, EmptyState, Flex, Grid, Headline, Image, InputField, Label, Link, Popover, Radio, ScrollArea, Select, Separator, Sheet, Sidebar, Switch, Table, Tabs, Text, TextField, ThemeSwitcher, Title, useApsaraTheme, useTable };
 //# sourceMappingURL=index.js.map