@zonos/amino 5.1.67 → 5.1.68

package/components/stack/Stack.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import type { GridAlignment, GridSpacing } from "../../types";
+import type { BaseProps } from "../../types/BaseProps";
 type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'translate' | 'style' | 'prefix' | 'contentEditable' | 'inputMode' | 'children'>;
 export type StackProps = {
     /** @default 'unset' */
@@ -7,6 +8,6 @@ export type StackProps = {
     children: ReactNode;
     /** @default 24 */
     spacing?: GridSpacing;
-} & DivProps;
+} & DivProps & BaseProps;
 export declare const Stack: ({ alignment, children, ...otherProps }: StackProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/stack/VStack.d.ts

@@ -5,4 +5,4 @@ import { type StackProps } from "./Stack";
  * @param alignment - Optional alignment
  * @param spacing - Optional spacing between elements
  */
-export declare const VStack: ({ children, spacing, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VStack: ({ children, spacing, style, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;

package/components/stack/VStack.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("./Stack.js"),i=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a,c=s(t).default(n.Stack)(a||(a=e.__makeTemplateObject(["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"],["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"])),(function(e){return i.theme["space".concat(e.$spacing)]}));exports.VStack=function(t){var n=t.children,i=t.spacing,s=void 0===i?24:i,a=e.__rest(t,["children","spacing"]);return r.jsx(c,e.__assign({$spacing:s},a,{children:n}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("./Stack.js"),s=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,c=i(t).default(n.Stack)(a||(a=e.__makeTemplateObject(["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"],["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"])),(function(e){return s.theme["space".concat(e.$spacing)]}));exports.VStack=function(t){var n=t.children,s=t.spacing,i=void 0===s?24:s,a=t.style,o=e.__rest(t,["children","spacing","style"]);return r.jsx(c,e.__assign({$spacing:i,style:a},o,{children:n}))};

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../help-text/HelpText.js"),a=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,d,u,c,p,h=l(o),b=h.default.div(s||(s=n.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),a.theme.radius12,a.theme.border,a.theme.gray300),f=h.default.div(d||(d=n.__makeTemplateObject(["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"],["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"])),a.theme.radius12),m=h.default.label(u||(u=n.__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"],["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"])),a.theme.space16,a.theme.space8,a.theme.radius6,a.theme.inputBackground,a.theme.fontSizeBase,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,m,f,a.theme.inputBackground,a.theme.radius6,a.theme.transition,a.theme.gray400,f,a.theme.glowBlue,f,a.theme.glowError),g=h.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"])),(function(n){return n.$width?"".concat(n.$width,"px"):"100%"}),b,x),w=t.forwardRef((function(o,a){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,_=t.useRef(null);return i.useHeightAdjustTextarea({maxRows:h,ref:_,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{$width:j,className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){a&&"function"==typeof a?a(n):a&&(a.current=n),_.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(r.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../help-text/HelpText.js"),a=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js");function l(n){return n&&n.__esModule?n:{default:n}}require("clsx"),require("../text/Text.js"),require("../../style-inject.es-d4ddeae4.js");var s,d,u,c,p,h=l(o),b=h.default.div(s||(s=n.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),a.theme.radius12,a.theme.border,a.theme.gray300),f=h.default.div(d||(d=n.__makeTemplateObject(["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"],["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"])),a.theme.radius12),m=h.default.label(u||(u=n.__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"],["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"])),a.theme.space16,a.theme.space8,a.theme.radius6,a.theme.inputBackground,a.theme.fontSizeBase,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,m,f,a.theme.inputBackground,a.theme.radius6,a.theme.transition,a.theme.gray400,f,a.theme.glowBlue,f,a.theme.glowError),g=h.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"])),(function(n){return n.$width?"".concat(n.$width,"px"):"100%"}),b,x),w=t.forwardRef((function(o,a){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,y=t.useRef(null);return i.useHeightAdjustTextarea({maxRows:h,ref:y,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{$width:j,className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){a&&"function"==typeof a?a(n):a&&(a.current=n),y.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(r.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.67",
+  "version": "5.1.68",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/components/filter/filter-date/dateUtils.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("dayjs"),r=require("styled-components"),n=require("../../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var s,i=a(t),o=a(r).default.div(s||(s=e.__makeTemplateObject(["\n  width: 100%;\n  display: grid;\n  grid-auto-flow: column;\n  gap: ",";\n  align-items: center;\n"],["\n  width: 100%;\n  display: grid;\n  grid-auto-flow: column;\n  gap: ",";\n  align-items: center;\n"])),n.theme.space8);exports.DateControlsWrapper=o,exports.defaultDateFormat="YYYY-MM-DD",exports.formatDate=function(e){return i.default(e).format("MM/DD/YYYY")};