@consumidor-positivo/aurora 0.0.196 → 0.0.198

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.
Files changed (25) hide show
  1. package/dist/components/Alert/index.es.js +1 -1
  2. package/dist/components/Calendar/index.es.js +2 -2
  3. package/dist/components/CalendarHeader/index.es.js +2 -2
  4. package/dist/components/Checkbox/index.es.js +1 -1
  5. package/dist/components/Datepicker/index.es.js +3 -3
  6. package/dist/components/PortalHolder/index.es.js +1 -1
  7. package/dist/components/Segment/index.es.js +1 -1
  8. package/dist/components/SelectField/index.es.js +1 -1
  9. package/dist/components/Tabs/index.d.ts +3 -2
  10. package/dist/components/Tabs/index.es.js +23 -32
  11. package/dist/components/Tabs/index.es.js.map +1 -1
  12. package/dist/components/Tabs/styles.css +1 -1
  13. package/dist/components/Tag/index.es.js +1 -1
  14. package/dist/components/misc/index.d.ts +1 -1
  15. package/dist/components/misc/index.es.js +4 -2
  16. package/dist/{index-C8AM9yBn.js → index-BzVR1Tq6.js} +2 -2
  17. package/dist/{index-C8AM9yBn.js.map → index-BzVR1Tq6.js.map} +1 -1
  18. package/dist/{index-C1N6rwrZ.js → index-RHj6RFlT.js} +3 -3
  19. package/dist/{index-C1N6rwrZ.js.map → index-RHj6RFlT.js.map} +1 -1
  20. package/dist/{index-CL0DrUGQ.js → index-uWXGnhjd.js} +2 -2
  21. package/dist/{index-CL0DrUGQ.js.map → index-uWXGnhjd.js.map} +1 -1
  22. package/dist/main.es.js +6 -4
  23. package/dist/{react-if.esm-Cek6sbNY.js → react-if.esm-BV55Vzhf.js} +4 -2
  24. package/dist/{react-if.esm-Cek6sbNY.js.map → react-if.esm-BV55Vzhf.js.map} +1 -1
  25. package/package.json +1 -1
package/dist/components/Alert/index.es.js CHANGED
@@ -8,9 +8,9 @@ import { IconCheck } from "../icons/IconCheck/index.es.js";
8
8
  import { IconClock } from "../icons/IconClock/index.es.js";
9
9
  import { IconInfo } from "../icons/IconInfo/index.es.js";
10
10
  import { IconX } from "../icons/IconX/index.es.js";
11
+ import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
11
12
  import { Conditional } from "../Conditional/index.es.js";
12
13
  import { Text } from "../Text/index.es.js";
13
- import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
14
14
  import './styles.css';const Alert = ({
15
15
  showIcon = true,
16
16
  status = "info",
package/dist/components/Calendar/index.es.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../index-CweZ_OcN.js";
3
- import "../../index-C8AM9yBn.js";
3
+ import "../../index-BzVR1Tq6.js";
4
4
  import "../Button/index.es.js";
5
5
  import "../PortalHolder/index.es.js";
6
- import { a } from "../../index-C1N6rwrZ.js";
6
+ import { a } from "../../index-RHj6RFlT.js";
7
7
  export {
8
8
  a as DatepickerCalendar
9
9
  };
package/dist/components/CalendarHeader/index.es.js CHANGED
@@ -3,8 +3,8 @@ import "../../index-CweZ_OcN.js";
3
3
  import "../Icon/index.es.js";
4
4
  import "../icons/IconChevronLeft/index.es.js";
5
5
  import "../icons/IconChevronRight/index.es.js";
6
- import "../../index-CL0DrUGQ.js";
7
- import { C } from "../../index-C8AM9yBn.js";
6
+ import "../../index-uWXGnhjd.js";
7
+ import { C } from "../../index-BzVR1Tq6.js";
8
8
  export {
9
9
  C as CalendarHeader
10
10
  };
package/dist/components/Checkbox/index.es.js CHANGED
@@ -3,9 +3,9 @@ import $dbSRa$react__default, { useState, useEffect } from "react";
3
3
  import { c as classNames } from "../../index-CweZ_OcN.js";
4
4
  import "../Icon/index.es.js";
5
5
  import { IconCheck } from "../icons/IconCheck/index.es.js";
6
+ import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
6
7
  import { F as Field } from "../../index-ZE6zszxw.js";
7
8
  import { Conditional } from "../Conditional/index.es.js";
8
- import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
9
9
  import { Text } from "../Text/index.es.js";
10
10
  import './styles.css';const CheckboxField = ({
11
11
  label,
package/dist/components/Datepicker/index.es.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
2
3
  import "../../index-CweZ_OcN.js";
3
4
  import "../Icon/index.es.js";
4
5
  import { IconCalendar } from "../icons/IconCalendar/index.es.js";
5
6
  import { InputField } from "../InputField/index.es.js";
6
- import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-C1N6rwrZ.js";
7
+ import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-RHj6RFlT.js";
7
8
  import { useRef, useState, useMemo, useEffect } from "react";
8
9
  import { a as above } from "../../screen-DfYo7XQ_.js";
9
- import { u as useOutsideClick } from "../../index-CL0DrUGQ.js";
10
- import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
10
+ import { u as useOutsideClick } from "../../index-uWXGnhjd.js";
11
11
  import './styles.css';function useDatepicker({
12
12
  value,
13
13
  defaultValue = "empty",
package/dist/components/PortalHolder/index.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx, Fragment } from "react/jsx-runtime";
2
2
  import { a as above } from "../../screen-DfYo7XQ_.js";
3
- import { Portal } from "../Portal/index.es.js";
4
3
  import { B as BREAKPOINT_MD } from "../../tokens-D_iASp38.js";
4
+ import { Portal } from "../Portal/index.es.js";
5
5
  const PortalHolder = ({ withPortal, children }) => {
6
6
  const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
7
7
  if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });
package/dist/components/Segment/index.es.js CHANGED
@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
4
4
  import "../icons/IconChevronDown/index.es.js";
5
5
  import "../icons/IconChevronLeft/index.es.js";
6
6
  import "../icons/IconX/index.es.js";
7
- import { S } from "../../index-CL0DrUGQ.js";
7
+ import { S } from "../../index-uWXGnhjd.js";
8
8
  export {
9
9
  S as Segment
10
10
  };
package/dist/components/SelectField/index.es.js CHANGED
@@ -9,10 +9,10 @@ import { IconSlash } from "../icons/IconSlash/index.es.js";
9
9
  import { Modal } from "../Modal/index.es.js";
10
10
  import { Text } from "../Text/index.es.js";
11
11
  import { Conditional } from "../Conditional/index.es.js";
12
+ import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
12
13
  import { i as isMobile } from "../../isMobile-RyKhTreE.js";
13
14
  import { F as Field } from "../../index-ZE6zszxw.js";
14
15
  import { useState, useRef, useEffect } from "react";
15
- import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
16
16
  import './styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
17
17
  var _a;
18
18
  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
package/dist/components/Tabs/index.d.ts CHANGED
@@ -3,7 +3,8 @@ export type TabsProps = {
3
3
  tabs: TabItemProps[];
4
4
  areTabsHidden?: boolean;
5
5
  initialTab?: string;
6
- onClick: (value: string) => void;
6
+ headerChildren?: React.ReactNode;
7
+ onClick?: (value: string) => void;
7
8
  };
8
9
  export type TabItemProps = {
9
10
  tab: string;
@@ -11,5 +12,5 @@ export type TabItemProps = {
11
12
  children?: React.ReactElement;
12
13
  icon?: React.ReactNode;
13
14
  };
14
- export declare const Tabs: ({ tabs, initialTab, onClick, areTabsHidden, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const Tabs: ({ tabs, initialTab, onClick, areTabsHidden, headerChildren, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
15
16
  export default Tabs;
package/dist/components/Tabs/index.es.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import { c as classNames } from "../../index-CweZ_OcN.js";
3
- import { Conditional } from "../Conditional/index.es.js";
3
+ import { I as If } from "../../react-if.esm-BV55Vzhf.js";
4
4
  import { Button } from "../Button/index.es.js";
5
5
  import { useState, useEffect } from "react";
6
6
  import './styles.css';const Tabs = ({
7
7
  tabs,
8
8
  initialTab,
9
9
  onClick,
10
- areTabsHidden
10
+ areTabsHidden,
11
+ headerChildren
11
12
  }) => {
12
13
  const [isClicked, setIsClicked] = useState(false);
13
14
  const [currButton, setCurrButton] = useState(initialTab ?? "");
@@ -16,7 +17,7 @@ import './styles.css';const Tabs = ({
16
17
  setActiveTab(initialTab);
17
18
  }, [initialTab]);
18
19
  const handleClick = (item) => {
19
- onClick(item.tab);
20
+ onClick && onClick(item.tab);
20
21
  setCurrButton(item.tab);
21
22
  setActiveTab(item.tab);
22
23
  setIsClicked(true);
@@ -28,40 +29,30 @@ import './styles.css';const Tabs = ({
28
29
  });
29
30
  };
30
31
  return /* @__PURE__ */ jsxs(Fragment, { children: [
31
- /* @__PURE__ */ jsx(
32
- Conditional,
33
- {
34
- condition: !areTabsHidden,
35
- renderIf: /* @__PURE__ */ jsx("div", { className: "au-tabs", children: /* @__PURE__ */ jsx("div", { className: "au-tabs__container", children: tabs.map((item) => {
36
- return /* @__PURE__ */ jsxs(
37
- Button,
38
- {
39
- className: buttonClass(item),
40
- type: "outlined",
41
- onClick: () => handleClick(item),
42
- children: [
43
- item.icon,
44
- item.title
45
- ]
46
- },
47
- `au-tabs-${item.tab}`
48
- );
49
- }) }) }),
50
- renderElse: null
51
- }
52
- ),
32
+ /* @__PURE__ */ jsx(If, { condition: !areTabsHidden, children: /* @__PURE__ */ jsx("div", { className: "au-tabs", children: /* @__PURE__ */ jsxs("div", { className: "au-tabs__container", children: [
33
+ /* @__PURE__ */ jsx("div", { className: "au-tabs__btns-panel", children: tabs.map((item) => {
34
+ return /* @__PURE__ */ jsxs(
35
+ Button,
36
+ {
37
+ className: buttonClass(item),
38
+ type: "outlined",
39
+ onClick: () => handleClick(item),
40
+ children: [
41
+ item.icon,
42
+ item.title
43
+ ]
44
+ },
45
+ `au-tabs-${item.tab}`
46
+ );
47
+ }) }),
48
+ /* @__PURE__ */ jsx(If, { condition: !!headerChildren, children: headerChildren })
49
+ ] }) }) }),
53
50
  tabs.map(({ children, tab }) => {
54
51
  return /* @__PURE__ */ jsx(
55
52
  "div",
56
53
  {
57
54
  className: `au-tabs__children children-${tab}`,
58
- children: /* @__PURE__ */ jsx(
59
- Conditional,
60
- {
61
- condition: currButton === tab || activeTab === tab,
62
- renderIf: children
63
- }
64
- )
55
+ children: /* @__PURE__ */ jsx(If, { condition: currButton === tab || activeTab === tab, children })
65
56
  },
66
57
  `au-tabs-${tab}`
67
58
  );
package/dist/components/Tabs/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../lib/components/Tabs/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { Conditional } from '@components/misc'\nimport { Button } from '@components/Button'\nimport { useEffect, useState } from 'react'\nimport './styles.scss'\n\nexport type TabsProps = {\n tabs: TabItemProps[]\n areTabsHidden?: boolean\n initialTab?: string\n onClick: (value: string) => void\n}\n\nexport type TabItemProps = {\n tab: string\n title: string\n children?: React.ReactElement\n icon?: React.ReactNode\n}\n\nexport const Tabs = ({\n tabs,\n initialTab,\n onClick,\n areTabsHidden,\n}: TabsProps) => {\n const [isClicked, setIsClicked] = useState(false)\n const [currButton, setCurrButton] = useState(initialTab ?? '')\n const [activeTab, setActiveTab] = useState(initialTab)\n\n useEffect(() => {\n setActiveTab(initialTab)\n }, [initialTab])\n\n const handleClick = (item: TabItemProps) => {\n onClick(item.tab)\n setCurrButton(item.tab)\n setActiveTab(item.tab)\n setIsClicked(true)\n }\n\n const buttonClass = (item: TabItemProps) => {\n const isActive =\n (isClicked && item.tab === currButton) || activeTab === item.tab\n return classNames('au-tabs__button', {\n active: isActive,\n })\n }\n\n return (\n <>\n <Conditional\n condition={!areTabsHidden}\n renderIf={\n <div className=\"au-tabs\">\n <div className=\"au-tabs__container\">\n {tabs.map((item: TabItemProps) => {\n return (\n <Button\n key={`au-tabs-${item.tab}`}\n className={buttonClass(item)}\n type={'outlined'}\n onClick={() => handleClick(item)}>\n {item.icon}\n {item.title}\n </Button>\n )\n })}\n </div>\n </div>\n }\n renderElse={null}\n />\n\n {tabs.map(({ children, tab }: TabItemProps) => {\n return (\n <div\n className={`au-tabs__children children-${tab}`}\n key={`au-tabs-${tab}`}>\n <Conditional\n condition={currButton === tab || activeTab === tab}\n renderIf={children}\n />\n </div>\n )\n })}\n </>\n )\n}\n\nexport default Tabs\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,EAAE;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,UAAU;AAErD,YAAU,MAAM;AACd,iBAAa,UAAU;AAAA,EAAA,GACtB,CAAC,UAAU,CAAC;AAET,QAAA,cAAc,CAAC,SAAuB;AAC1C,YAAQ,KAAK,GAAG;AAChB,kBAAc,KAAK,GAAG;AACtB,iBAAa,KAAK,GAAG;AACrB,iBAAa,IAAI;AAAA,EAAA;AAGb,QAAA,cAAc,CAAC,SAAuB;AAC1C,UAAM,WACH,aAAa,KAAK,QAAQ,cAAe,cAAc,KAAK;AAC/D,WAAO,WAAW,mBAAmB;AAAA,MACnC,QAAQ;AAAA,IAAA,CACT;AAAA,EAAA;AAGH,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC;AAAA,QACZ,UACE,oBAAC,OAAI,EAAA,WAAU,WACb,UAAA,oBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA,KAAK,IAAI,CAAC,SAAuB;AAE9B,iBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAW,YAAY,IAAI;AAAA,cAC3B,MAAM;AAAA,cACN,SAAS,MAAM,YAAY,IAAI;AAAA,cAC9B,UAAA;AAAA,gBAAK,KAAA;AAAA,gBACL,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YALD,WAAW,KAAK,GAAG;AAAA,UAAA;AAAA,QAM1B,CAEH,GACH,EACF,CAAA;AAAA,QAEF,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEC,KAAK,IAAI,CAAC,EAAE,UAAU,UAAwB;AAE3C,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,8BAA8B,GAAG;AAAA,UAE5C,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,eAAe,OAAO,cAAc;AAAA,cAC/C,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAJK,WAAW,GAAG;AAAA,MAAA;AAAA,IAKrB,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"index.es.js","sources":["../../../lib/components/Tabs/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { If } from '@components/misc'\nimport { Button } from '@components/Button'\nimport { useEffect, useState } from 'react'\nimport './styles.scss'\n\nexport type TabsProps = {\n tabs: TabItemProps[]\n areTabsHidden?: boolean\n initialTab?: string\n headerChildren?: React.ReactNode\n onClick?: (value: string) => void\n}\n\nexport type TabItemProps = {\n tab: string\n title: string\n children?: React.ReactElement\n icon?: React.ReactNode\n}\n\nexport const Tabs = ({\n tabs,\n initialTab,\n onClick,\n areTabsHidden,\n headerChildren,\n}: TabsProps) => {\n const [isClicked, setIsClicked] = useState(false)\n const [currButton, setCurrButton] = useState(initialTab ?? '')\n const [activeTab, setActiveTab] = useState(initialTab)\n\n useEffect(() => {\n setActiveTab(initialTab)\n }, [initialTab])\n\n const handleClick = (item: TabItemProps) => {\n onClick && onClick(item.tab)\n setCurrButton(item.tab)\n setActiveTab(item.tab)\n setIsClicked(true)\n }\n\n const buttonClass = (item: TabItemProps) => {\n const isActive =\n (isClicked && item.tab === currButton) || activeTab === item.tab\n return classNames('au-tabs__button', {\n active: isActive,\n })\n }\n\n return (\n <>\n <If condition={!areTabsHidden}>\n <div className=\"au-tabs\">\n <div className=\"au-tabs__container\">\n <div className=\"au-tabs__btns-panel\">\n {tabs.map((item: TabItemProps) => {\n return (\n <Button\n key={`au-tabs-${item.tab}`}\n className={buttonClass(item)}\n type={'outlined'}\n onClick={() => handleClick(item)}>\n {item.icon}\n {item.title}\n </Button>\n )\n })}\n </div>\n <If condition={!!headerChildren}>{headerChildren}</If>\n </div>\n </div>\n </If>\n\n {tabs.map(({ children, tab }: TabItemProps) => {\n return (\n <div\n className={`au-tabs__children children-${tab}`}\n key={`au-tabs-${tab}`}>\n <If condition={currButton === tab || activeTab === tab}>\n {children}\n </If>\n </div>\n )\n })}\n </>\n )\n}\n\nexport default Tabs\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,EAAE;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,UAAU;AAErD,YAAU,MAAM;AACd,iBAAa,UAAU;AAAA,EAAA,GACtB,CAAC,UAAU,CAAC;AAET,QAAA,cAAc,CAAC,SAAuB;AAC/B,eAAA,QAAQ,KAAK,GAAG;AAC3B,kBAAc,KAAK,GAAG;AACtB,iBAAa,KAAK,GAAG;AACrB,iBAAa,IAAI;AAAA,EAAA;AAGb,QAAA,cAAc,CAAC,SAAuB;AAC1C,UAAM,WACH,aAAa,KAAK,QAAQ,cAAe,cAAc,KAAK;AAC/D,WAAO,WAAW,mBAAmB;AAAA,MACnC,QAAQ;AAAA,IAAA,CACT;AAAA,EAAA;AAGH,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,IAAA,EAAG,WAAW,CAAC,eACd,UAAA,oBAAC,OAAI,EAAA,WAAU,WACb,UAAA,qBAAC,OAAI,EAAA,WAAU,sBACb,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,uBACZ,UAAK,KAAA,IAAI,CAAC,SAAuB;AAE9B,eAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,YAAY,IAAI;AAAA,YAC3B,MAAM;AAAA,YACN,SAAS,MAAM,YAAY,IAAI;AAAA,YAC9B,UAAA;AAAA,cAAK,KAAA;AAAA,cACL,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UALD,WAAW,KAAK,GAAG;AAAA,QAAA;AAAA,MAQ7B,CAAA,GACH;AAAA,0BACC,IAAG,EAAA,WAAW,CAAC,CAAC,gBAAiB,UAAe,gBAAA;AAAA,IAAA,EACnD,CAAA,EACF,CAAA,GACF;AAAA,IAEC,KAAK,IAAI,CAAC,EAAE,UAAU,UAAwB;AAE3C,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,8BAA8B,GAAG;AAAA,UAE5C,8BAAC,IAAG,EAAA,WAAW,eAAe,OAAO,cAAc,KAChD,UACH;AAAA,QAAA;AAAA,QAHK,WAAW,GAAG;AAAA,MAAA;AAAA,IAIrB,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}
package/dist/components/Tabs/styles.css CHANGED
@@ -1 +1 @@
1
- .au-tabs__container{display:flex;gap:16px;white-space:nowrap;overflow-x:scroll}.au-tabs__container::-webkit-scrollbar{display:none}@media (min-width: 600px){.au-tabs__container{overflow:unset}}.au-tabs__button{font-size:14px;font-weight:600;padding:8px 16px;height:40px;border-color:#e2e4e9;color:#454a54}.au-tabs__button .au-icon svg,.au-tabs__button svg{color:#454a54}.au-tabs__button.active{background-color:#fafbff;border-color:#9abcff;color:#0048db}.au-tabs__button.active .au-icon svg,.au-tabs__button.active svg{color:#0048db}.au-tabs__children{margin-top:24px}@media (min-width: 600px){.au-tabs__children{margin-top:32px}}
1
+ .au-tabs__container{display:flex;flex-direction:column}@media (min-width: 600px){.au-tabs__container{flex-direction:row;align-items:center;justify-content:space-between}}.au-tabs__btns-panel{display:flex;gap:16px;white-space:nowrap;overflow-x:scroll;margin-bottom:20px}.au-tabs__btns-panel::-webkit-scrollbar{display:none}@media (min-width: 600px){.au-tabs__btns-panel{overflow:unset;margin-bottom:0}}.au-tabs__button{font-size:14px;font-weight:600;padding:8px 16px;height:40px;border-color:#e2e4e9;color:#454a54}.au-tabs__button .au-icon svg,.au-tabs__button svg{color:#454a54}.au-tabs__button.active{background-color:#fafbff;border-color:#9abcff;color:#0048db}.au-tabs__button.active .au-icon svg,.au-tabs__button.active svg{color:#0048db}.au-tabs__children{margin-top:24px}@media (min-width: 600px){.au-tabs__children{margin-top:32px}}
package/dist/components/Tag/index.es.js CHANGED
@@ -6,8 +6,8 @@ import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
6
6
  import { IconCheck } from "../icons/IconCheck/index.es.js";
7
7
  import { IconInfo } from "../icons/IconInfo/index.es.js";
8
8
  import { IconSlash } from "../icons/IconSlash/index.es.js";
9
- import { Conditional } from "../Conditional/index.es.js";
10
9
  import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50, g as COLOR_BRAND_CYAN_50, d as COLOR_NEUTRAL_70 } from "../../tokens-D_iASp38.js";
10
+ import { Conditional } from "../Conditional/index.es.js";
11
11
  import './styles.css';const Tag = ({
12
12
  status,
13
13
  border = "square",
package/dist/components/misc/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /** Deprecate */
2
2
  export { Conditional } from './Conditional';
3
- export { If, Switch, Case, Default } from 'react-if';
3
+ export { If, Then, Else, Switch, Case, Default } from 'react-if';
package/dist/components/misc/index.es.js CHANGED
@@ -1,10 +1,12 @@
1
1
  import { Conditional } from "../Conditional/index.es.js";
2
- import { C, D, I, S } from "../../react-if.esm-Cek6sbNY.js";
2
+ import { C, D, E, I, S, T } from "../../react-if.esm-BV55Vzhf.js";
3
3
  export {
4
4
  C as Case,
5
5
  Conditional,
6
6
  D as Default,
7
+ E as Else,
7
8
  I as If,
8
- S as Switch
9
+ S as Switch,
10
+ T as Then
9
11
  };
10
12
  //# sourceMappingURL=index.es.js.map
package/dist/{index-C8AM9yBn.js → index-BzVR1Tq6.js} RENAMED
@@ -3,7 +3,7 @@ import "./index-CweZ_OcN.js";
3
3
  import "./components/Icon/index.es.js";
4
4
  import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
5
5
  import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
6
- import { S as Segment } from "./index-CL0DrUGQ.js";
6
+ import { S as Segment } from "./index-uWXGnhjd.js";
7
7
  import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
8
8
  import "react-dom";
9
9
  createContext(null);
@@ -5686,4 +5686,4 @@ export {
5686
5686
  $dfd62f934fc76fed$export$e11f8ba65d857bff as e,
5687
5687
  $dfd62f934fc76fed$export$5d847498420df57b as f
5688
5688
  };
5689
- //# sourceMappingURL=index-C8AM9yBn.js.map
5689
+ //# sourceMappingURL=index-BzVR1Tq6.js.map