acinguiux-ds-react-framework 0.0.7 → 0.1.0

package/build/cjs/components/Table/utils/baseTableUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseTableUtils.js","sources":["../../../../../src/components/Table/utils/baseTableUtils.ts"],"sourcesContent":["import type { Table, HeaderGroup, Header, Cell, Column, Row } from '@tanstack/react-table';\nimport { Positions } from 'acinguiux-ds-react-base/consts';\n\nimport { TableColumn } from '../Table.types';\nimport type { BaseTableOptions, InnerBaseTableOptions } from '../components/BaseTable/BaseTable.types';\nimport { StickyTypeCell, type ITableCellProps } from '../components/TableElements/TableElements.types';\n\nexport const hasHeader = <T>(table: Table<T>, options?: BaseTableOptions<T>): boolean =>\n  table\n    .getHeaderGroups()\n    .map((headerGroup) => headerGroup.headers.filter((headerItem) => headerItem.column.columnDef.header))[0] &&\n  !options?.noHeader;\n\nexport const hasFooter = <T>(table: Table<T>, options?: BaseTableOptions<T>): boolean =>\n  table\n    .getFooterGroups()\n    .map((footerGroup) => footerGroup?.headers?.filter(({ column }) => column?.columnDef?.footer))[0]?.length > 0 &&\n  !options?.noFooter;\n\nexport const headerRowProps = <T>(\n  rowType: 'header' | 'footer',\n  headerGroup: HeaderGroup<T>,\n  options?: BaseTableOptions<T>,\n) => ({\n  key: headerGroup.id,\n  depth: headerGroup.depth,\n  ...(options?.stickyHeader && rowType === 'header' && { sticky: true, stickyType: StickyTypeCell.Header }),\n  ...(options?.stickyFooter && rowType === 'footer' && { sticky: true, stickyType: StickyTypeCell.Footer }),\n});\n\nexport const cellPinningProps = <T>(column: Column<T, unknown>): ITableCellProps => {\n  const isPinned = column.getIsPinned();\n  const leftPosition = isPinned === Positions.Left;\n  const rightPosition = isPinned === Positions.Right;\n  const isLastLeftPinnedColumn = leftPosition && column.getIsLastColumn(Positions.Left);\n  const isFirstRightPinnedColumn = rightPosition && column.getIsFirstColumn(Positions.Right);\n\n  return {\n    ...(isPinned && {\n      width: column.getSize() || 'auto',\n      sticky: true,\n      stickyType: StickyTypeCell.Column,\n    }),\n    ...(leftPosition && {\n      startingPoint: column.getStart(Positions.Left),\n      stickyPosition: Positions.Left,\n      isLastLeftPinnedColumn,\n    }),\n    ...(rightPosition && {\n      startingPoint: column.getAfter(Positions.Right),\n      stickyPosition: Positions.Right,\n      isFirstRightPinnedColumn,\n    }),\n  };\n};\n\nexport const cellSelectedProps = <T>(row: Row<T>): ITableCellProps => {\n  const isSelected = row.getIsSelected();\n\n  return {\n    ...(isSelected && {\n      selected: isSelected,\n    }),\n  };\n};\n\nexport const cellExpandedProps = <T>(row: Row<T>): ITableCellProps => {\n  const isExpanded = row.getIsExpanded() || !!row.getParentRow();\n\n  return {\n    ...(isExpanded && {\n      expanded: isExpanded,\n    }),\n  };\n};\n\nexport const headerCellProps = <T>(\n  header: Header<T, unknown>,\n  options?: BaseTableOptions<T> & InnerBaseTableOptions,\n): ITableCellProps => {\n  const { column, colSpan } = header;\n  const { sentiment } = column.columnDef as TableColumn<T>;\n\n  const isPinned = column.getIsPinned();\n  const isResizable = options?.columnResizing && column.getCanResize();\n  const isSized = options?.columnSized;\n  const sentimentValue = typeof sentiment === 'function' ? undefined : sentiment;\n\n  return {\n    colSpan,\n    ...((isSized || isPinned || isResizable) && {\n      width: header.getSize() || 'auto',\n    }),\n    ...cellPinningProps(column),\n    sentiment: sentimentValue,\n  };\n};\n\nexport const bodyCellProps = <T>(cell: Cell<T, unknown>): ITableCellProps => {\n  const { column, row, id } = cell;\n  const { sentiment } = column.columnDef as TableColumn<T>;\n\n  const sentimentValue = typeof sentiment === 'function' ? sentiment(cell.getContext()) : sentiment;\n\n  return {\n    key: id,\n    sentiment: sentimentValue,\n    ...cellPinningProps(column),\n    ...cellSelectedProps(row),\n    ...cellExpandedProps(row),\n  };\n};\n"],"names":["hasHeader","table","options","headerGroup","headerItem","hasFooter","_a","footerGroup","column","headerRowProps","rowType","StickyTypeCell","cellPinningProps","isPinned","leftPosition","Positions","rightPosition","isLastLeftPinnedColumn","isFirstRightPinnedColumn","cellSelectedProps","row","isSelected","cellExpandedProps","isExpanded","headerCellProps","header","colSpan","sentiment","isResizable","isSized","sentimentValue","bodyCellProps","cell","id"],"mappings":"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"}

package/build/cjs/components/Table/utils/tableUtils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../react-base/src/consts/index.js"),s=require("../../../react-base/src/components/Table/Table.consts.js"),a=t=>{switch(t){case e.Sizes.Medium:return e.Sizes.Small;case e.Sizes.Large:return e.Sizes.Medium;default:return e.Sizes.XSmall}},i=t=>{switch(t){case e.Sizes.XSmall:case e.Sizes.Small:return e.Sizes.Small;case e.Sizes.Large:return e.Sizes.Large;case e.Sizes.Medium:default:return e.Sizes.Medium}},l=t=>{switch(t){case e.Sizes.Small:case e.Sizes.Medium:return e.Sizes.Small;case e.Sizes.Large:return e.Sizes.Medium;default:return e.Sizes.XSmall}},r=t=>`${s.consts[t].headerCell.gap}px`,S=t=>`${s.consts[t].cell.gap}px`;exports.getCellGap=S;exports.getEmptyStateSize=l;exports.getHeaderCellGap=r;exports.getInfoBarSize=i;exports.getSize=a;
+//# sourceMappingURL=tableUtils.js.map

package/build/cjs/components/Table/utils/tableUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nexport const getSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.Medium:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Medium;\n    default:\n      return Sizes.XSmall;\n  }\n};\n\nexport const getInfoBarSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Small:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Large;\n    case Sizes.Medium:\n    default:\n      return Sizes.Medium;\n  }\n};\n\nexport const getEmptyStateSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.Small:\n    case Sizes.Medium:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Medium;\n    default:\n      return Sizes.XSmall;\n  }\n};\n\nexport const getHeaderCellGap = (size: TableTypes.Size) => `${TableConsts.consts[size].headerCell.gap}px`;\n\nexport const getCellGap = (size: TableTypes.Size) => `${TableConsts.consts[size].cell.gap}px`;\n"],"names":["getSize","size","Sizes","getInfoBarSize","getEmptyStateSize","getHeaderCellGap","TableConsts.consts","getCellGap"],"mappings":"6OAGaA,EAAWC,GAA0B,CAChD,OAAQA,EAAM,CACZ,KAAKC,EAAM,MAAA,OACT,OAAOA,EAAM,MAAA,MACf,KAAKA,EAAM,MAAA,MACT,OAAOA,EAAM,MAAA,OACf,QACE,OAAOA,EAAM,MAAA,MAAA,CAEnB,EAEaC,EAAkBF,GAA0B,CACvD,OAAQA,EAAM,CACZ,KAAKC,EAAM,MAAA,OACX,KAAKA,EAAM,MAAA,MACT,OAAOA,EAAM,MAAA,MACf,KAAKA,EAAM,MAAA,MACT,OAAOA,EAAM,MAAA,MACf,KAAKA,EAAM,MAAA,OACX,QACE,OAAOA,EAAM,MAAA,MAAA,CAEnB,EAEaE,EAAqBH,GAA0B,CAC1D,OAAQA,EAAM,CACZ,KAAKC,EAAM,MAAA,MACX,KAAKA,EAAM,MAAA,OACT,OAAOA,EAAM,MAAA,MACf,KAAKA,EAAM,MAAA,MACT,OAAOA,EAAM,MAAA,OACf,QACE,OAAOA,EAAM,MAAA,MAAA,CAEnB,EAEaG,EAAoBJ,GAA0B,GAAGK,EAAAA,OAAmBL,CAAI,EAAE,WAAW,GAAG,KAExFM,EAAcN,GAA0B,GAAGK,EAAAA,OAAmBL,CAAI,EAAE,KAAK,GAAG"}

package/build/cjs/components/Tabs/Tabs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),r=require("../../react-base/src/consts/index.js"),c=require("./Tabs.styles.js"),u=require("../Badge/Badge.js"),l=require("../Flexbox/Flexbox.js"),g=({size:x,label:i,icon:n,badge:o,iconPlacement:e})=>s.jsxs("div",{style:{display:"flex",alignItems:"center",justifySelf:"flex-end",flexGrow:"1",gap:"6px"},children:[!e||e===r.Positions.Left?n:s.jsx(s.Fragment,{}),!e||e===r.Positions.Left?s.jsx("span",{children:i}):s.jsx(s.Fragment,{}),e===r.Positions.Right&&s.jsx("span",{children:i}),e===r.Positions.Right&&n,e===r.Positions.Top&&s.jsxs(l,{flexDirection:"column",alignItems:"center",children:[n,s.jsx("span",{children:i})]}),e==="Only"&&n,s.jsx(l,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",children:o?s.jsx(u,{size:x,...o}):s.jsx(s.Fragment,{})})]}),p=f.forwardRef(({className:x,size:i=`${r.Sizes.Medium}`,indicatorPosition:n,tabPosition:o=`${r.Positions.Top}`,items:e,...a},d)=>{const j=e==null?void 0:e.map(t=>({...t,label:s.jsx(g,{size:i,label:t.label,icon:t.icon,iconPlacement:t.iconPlacement,badge:t.badge})}));return s.jsx(c.Tabs,{className:x,prefixCls:r.TABS_CLASS,size:i,tabPosition:o,$indicatorPosition:n,ref:d,items:j,...a})});module.exports=p;
+//# sourceMappingURL=Tabs.js.map

package/build/cjs/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport type { TabsProps } from 'rc-tabs';\nimport { Sizes, Positions, TABS_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\n\nimport * as Styled from './Tabs.styles';\nimport type { ITabsProps } from './Tabs.types';\nimport Badge from '../Badge/Badge';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst TabsLabel = ({\n  size,\n  label,\n  icon,\n  badge,\n  iconPlacement,\n}: {\n  size: TabsTypes.Size;\n  label: ReactNode;\n  icon?: ReactNode;\n  badge?: BadgeTypes.IProps;\n  iconPlacement?: TabsTypes.Icon;\n}) => (\n  <div style={{ display: 'flex', alignItems: 'center', justifySelf: 'flex-end', flexGrow: '1', gap: '6px' }}>\n    {!iconPlacement || iconPlacement === Positions.Left ? icon : <></>}\n    {!iconPlacement || iconPlacement === Positions.Left ? <span>{label}</span> : <></>}\n    {iconPlacement === Positions.Right && <span>{label}</span>}\n    {iconPlacement === Positions.Right && icon}\n    {iconPlacement === Positions.Top && (\n      <Flexbox flexDirection=\"column\" alignItems=\"center\">\n        {icon}\n        <span>{label}</span>\n      </Flexbox>\n    )}\n    {iconPlacement === 'Only' && icon}\n    <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"flex-end\">\n      {badge ? <Badge size={size} {...badge} /> : <></>}\n    </Flexbox>\n  </div>\n);\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n  (\n    { className, size = `${Sizes.Medium}`, indicatorPosition, tabPosition = `${Positions.Top}`, items, ...rest },\n    ref,\n  ): ReactElement => {\n    const itemsWithBadges = items?.map((item) => ({\n      ...item,\n      label: (\n        <TabsLabel\n          size={size}\n          label={item.label}\n          icon={item.icon}\n          iconPlacement={item.iconPlacement}\n          badge={item.badge}\n        />\n      ),\n    }));\n\n    return (\n      <Styled.Tabs\n        className={className}\n        prefixCls={TABS_CLASS}\n        size={size}\n        tabPosition={tabPosition as TabsProps['tabPosition']}\n        $indicatorPosition={indicatorPosition}\n        ref={ref}\n        items={itemsWithBadges}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default Tabs;\n"],"names":["TabsLabel","size","label","icon","badge","iconPlacement","jsxs","Positions","jsx","Fragment","Flexbox","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","tabPosition","items","rest","ref","itemsWithBadges","item","Styled.Tabs","TABS_CLASS"],"mappings":"uNAYMA,EAAY,CAAC,CACjB,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,cAAAC,CACF,IAOGC,EAAAA,KAAA,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,YAAa,WAAY,SAAU,IAAK,IAAK,KAC/F,EAAA,SAAA,CAAA,CAACD,GAAiBA,IAAkBE,YAAU,KAAOJ,EAASK,EAAA,IAAAC,EAAA,SAAA,EAAA,EAC9D,CAACJ,GAAiBA,IAAkBE,YAAU,KAAQC,EAAAA,IAAA,OAAA,CAAM,SAAMN,CAAA,CAAA,EAAYM,EAAAA,IAAAC,EAAAA,SAAA,CAAA,CAAA,EAC9EJ,IAAkBE,EAAA,UAAU,OAASC,EAAAA,IAAC,QAAM,SAAMN,EAAA,EAClDG,IAAkBE,EAAAA,UAAU,OAASJ,EACrCE,IAAkBE,YAAU,KAC3BD,EAAAA,KAACI,GAAQ,cAAc,SAAS,WAAW,SACxC,SAAA,CAAAP,EACDK,EAAAA,IAAC,QAAM,SAAMN,CAAA,CAAA,CAAA,EACf,EAEDG,IAAkB,QAAUF,QAC5BO,EAAQ,CAAA,cAAc,MAAM,WAAW,SAAS,eAAe,WAC7D,SAAQN,EAAAI,MAACG,GAAM,KAAAV,EAAa,GAAGG,CAAO,CAAA,qBAAO,CAChD,CAAA,CAAA,EACF,EAEIQ,EAAOC,EAAA,WACX,CACE,CAAE,UAAAC,EAAW,KAAAb,EAAO,GAAGc,EAAAA,MAAM,MAAM,GAAI,kBAAAC,EAAmB,YAAAC,EAAc,GAAGV,YAAU,GAAG,GAAI,MAAAW,EAAO,GAAGC,GACtGC,IACiB,CACjB,MAAMC,EAAkBH,GAAA,YAAAA,EAAO,IAAKI,IAAU,CAC5C,GAAGA,EACH,MACEd,EAAA,IAACR,EAAA,CACC,KAAAC,EACA,MAAOqB,EAAK,MACZ,KAAMA,EAAK,KACX,cAAeA,EAAK,cACpB,MAAOA,EAAK,KAAA,CAAA,CACd,IAKF,OAAAd,EAAA,IAACe,EAAO,KAAP,CACC,UAAAT,EACA,UAAWU,EAAA,WACX,KAAAvB,EACA,YAAAgB,EACA,mBAAoBD,EACpB,IAAAI,EACA,MAAOC,EACN,GAAGF,CAAA,CACN,CAAA,CAGN"}

package/build/cjs/components/Tabs/Tabs.styles.js

@@ -0,0 +1,237 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("rc-tabs"),o=require("styled-components"),n=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/utils/sizesUtils.js"),e=require("../../react-base/src/theme/variableTheme.js"),b=require("../../react-base/src/components/Tabs/Tabs.consts.js"),u=require("../../react-base/src/utils/stylesUtils.js"),c=require("../Badge/Badge.js");o(c)`
+  margin: 8px;
+`;const g=o(d)(({prefixCls:t,size:i=`${n.Sizes.Medium}`,tabPosition:r,$indicatorPosition:s,theme:a})=>o.css`
+    &.${t} {
+      ${a.getTypography("body","medium")};
+
+      position: relative;
+      display: flex;
+      color: ${a.getVariablesLayer({foundation:"surface"})[e.VariablesNames.TextOnFoundationStrong]};
+
+      & .${t}-nav {
+        display: flex;
+        flex: none;
+        position: relative;
+
+        &-measure,
+        &-wrap {
+          position: relative;
+          display: flex;
+          transform: translate(0);
+          white-space: nowrap;
+        }
+
+        &-list {
+          position: relative;
+          display: flex;
+          transition: transform 0.3s;
+        }
+
+        &-operations {
+          display: none;
+
+          &-hidden {
+            position: absolute;
+            visibility: hidden;
+            display: none;
+            pointer-events: none;
+          }
+        }
+      }
+
+      & .${t}-tab {
+        position: relative;
+        display: flex;
+        align-items: center;
+        padding-bottom: 2px;
+        border: 0;
+        border-radius: 2px;
+        outline: none;
+        cursor: pointer;
+        color: ${a.getVariablesLayer({foundation:"surface"})[e.VariablesNames.TextOnFoundationSubtle]};
+        transition: 0.3s;
+
+        &-btn {
+          ${a.getTypography("labelStrong",l.getLabelTypographySize(i))};
+
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          height: 100%;
+          padding: ${b.consts[i].padding};
+          border: 3px solid transparent;
+          border-radius: 4px;
+
+          &:hover {
+            background-color: ${a.getStyledLayers("Background/Foundation/Hover",{foundation:"surface"})};
+          }
+
+          &:active {
+            background-color: ${a.getStyledLayers("Background/Foundation/Press",{foundation:"surface"})};
+          }
+
+          &:focus-visible {
+            ${u.getFocusStyles(a)};
+          }
+
+          .${n.ICON_CLASS} path {
+            fill: ${a.getVariablesLayer({foundation:"surface"})[e.VariablesNames.TextOnFoundationSubtle]};
+          }
+        }
+
+        &-active {
+          color: ${a.getVariablesLayer({foundation:"surface"})[e.VariablesNames.TextOnFoundationStrong]};
+
+          .${n.ICON_CLASS} path {
+            fill: ${a.getVariablesLayer({foundation:"surface"})[e.VariablesNames.TextOnFoundationStrong]};
+          }
+        }
+
+        &-disabled {
+          background: transparent;
+          color: ${a.getVariablesLayer({foundation:"surface",disabled:"true"})[e.VariablesNames.TextOnFoundationSubtle]};
+          cursor: default;
+
+          .${t}-tab-btn:hover {
+            background: transparent;
+            cursor: not-allowed;
+          }
+        }
+      }
+
+      & .${t}-ink-bar {
+        position: absolute;
+        border-radius: 2px;
+        background: ${a.getVariablesLayer({sentimentProminence:"strong"})[e.VariablesNames.BackgroundBrand]};
+        pointer-events: none;
+
+        &-animated {
+          transition: all 0.3s;
+        }
+
+        ${s===n.Positions.Left&&r===n.Positions.Left&&o.css`
+          left: 0;
+          right: unset;
+        `}
+
+        ${s===n.Positions.Right&&r===n.Positions.Right&&o.css`
+          left: unset;
+          right: 0;
+        `}
+      }
+
+      & .${t}-extra-content {
+        flex: none;
+      }
+
+      .${t}-content {
+        display: flex;
+        width: 100%;
+        height: 100%;
+
+        &-holder {
+          flex: auto;
+        }
+
+        &-animated {
+          transition: margin 0.3s;
+        }
+      }
+
+      .${t}-tabpane {
+        width: 100%;
+        height: 100%;
+        flex: none;
+
+        &-hidden {
+          display: none;
+        }
+      }
+
+      &-top,
+      &-bottom {
+        flex-direction: column;
+      }
+
+      &-top .${t}-ink-bar, &-bottom .${t}-ink-bar {
+        height: 3px;
+      }
+
+      &-top .${t}-ink-bar {
+        bottom: 0;
+      }
+
+      &-top .${t}-tab {
+        margin-bottom: 6px;
+      }
+
+      &-bottom .${t}-nav {
+        order: 1;
+      }
+
+      &-bottom .${t}-content {
+        order: 0;
+      }
+
+      &-bottom .${t}-ink-bar {
+        top: 0;
+      }
+
+      &-bottom .${t}-tab {
+        margin-top: 6px;
+      }
+
+      &-left .${t}-nav-wrap, &-right .${t}-nav-wrap {
+        flex-direction: column;
+        width: 100%;
+      }
+
+      &-left .${t}-ink-bar, &-right .${t}-ink-bar {
+        width: 3px;
+      }
+
+      &-left .${t}-nav, &-right .${t}-nav {
+        flex-direction: column;
+        min-width: 50px;
+      }
+
+      /* stylelint-disable */
+      &-left .${t}-nav-list, &-right .${t}-nav-list {
+        flex: 1 0 auto;
+        flex-direction: column;
+      }
+      /* stylelint-enable */
+
+      &-left .${t}-ink-bar {
+        right: 0;
+      }
+
+      &-left .${t}-tab {
+        margin-right: 6px;
+      }
+
+      &-right .${t}-nav {
+        order: 1;
+      }
+
+      &-right .${t}-content {
+        order: 0;
+      }
+
+      &-right .${t}-ink-bar {
+        left: 0;
+      }
+
+      &-right .${t}-tab {
+        margin-left: 6px;
+      }
+
+      &-right .${t}-tab, &-left .${t}-tab {
+        .${t}-tab-btn {
+          justify-content: flex-start;
+          width: 100%;
+        }
+      }
+    }
+  `);exports.Tabs=g;
+//# sourceMappingURL=Tabs.styles.js.map

package/build/cjs/components/Tabs/Tabs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import TabsRC from 'rc-tabs';\nimport styled, { css } from 'styled-components';\nimport { Sizes, Positions, ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { TabsConsts, type TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport { type ITabsProps } from './Tabs.types';\nimport Badge from '../Badge/Badge';\n\ntype StyledTabsProps = ITabsProps & { $emphasis?: boolean; $indicatorPosition?: TabsTypes.IndicatorPosition };\n\nconst BadgeWrapper = styled(Badge)`\n  margin: 8px;\n`;\n\nconst Tabs = styled(TabsRC)<StyledTabsProps>(\n  ({ prefixCls, size = `${Sizes.Medium}`, tabPosition, $indicatorPosition, theme }) => css`\n    &.${prefixCls} {\n      ${theme.getTypography('body', 'medium')};\n\n      position: relative;\n      display: flex;\n      color: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationStrong]};\n\n      & .${prefixCls}-nav {\n        display: flex;\n        flex: none;\n        position: relative;\n\n        &-measure,\n        &-wrap {\n          position: relative;\n          display: flex;\n          transform: translate(0);\n          white-space: nowrap;\n        }\n\n        &-list {\n          position: relative;\n          display: flex;\n          transition: transform 0.3s;\n        }\n\n        &-operations {\n          display: none;\n\n          &-hidden {\n            position: absolute;\n            visibility: hidden;\n            display: none;\n            pointer-events: none;\n          }\n        }\n      }\n\n      & .${prefixCls}-tab {\n        position: relative;\n        display: flex;\n        align-items: center;\n        padding-bottom: 2px;\n        border: 0;\n        border-radius: 2px;\n        outline: none;\n        cursor: pointer;\n        color: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationSubtle]};\n        transition: 0.3s;\n\n        &-btn {\n          ${theme.getTypography('labelStrong', getLabelTypographySize(size))};\n\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          height: 100%;\n          padding: ${TabsConsts.consts[size].padding};\n          border: 3px solid transparent;\n          border-radius: 4px;\n\n          &:hover {\n            background-color: ${theme.getStyledLayers(`Background/Foundation/Hover`, { foundation: 'surface' })};\n          }\n\n          &:active {\n            background-color: ${theme.getStyledLayers(`Background/Foundation/Press`, { foundation: 'surface' })};\n          }\n\n          &:focus-visible {\n            ${getFocusStyles(theme)};\n          }\n\n          .${ICON_CLASS} path {\n            fill: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationSubtle]};\n          }\n        }\n\n        &-active {\n          color: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationStrong]};\n\n          .${ICON_CLASS} path {\n            fill: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationStrong]};\n          }\n        }\n\n        &-disabled {\n          background: transparent;\n          color: ${theme.getVariablesLayer({ foundation: 'surface', disabled: 'true' })[\n            VariablesNames.TextOnFoundationSubtle\n          ]};\n          cursor: default;\n\n          .${prefixCls}-tab-btn:hover {\n            background: transparent;\n            cursor: not-allowed;\n          }\n        }\n      }\n\n      & .${prefixCls}-ink-bar {\n        position: absolute;\n        border-radius: 2px;\n        background: ${theme.getVariablesLayer({ sentimentProminence: 'strong' })[VariablesNames.BackgroundBrand]};\n        pointer-events: none;\n\n        &-animated {\n          transition: all 0.3s;\n        }\n\n        ${$indicatorPosition === Positions.Left &&\n        tabPosition === Positions.Left &&\n        css`\n          left: 0;\n          right: unset;\n        `}\n\n        ${$indicatorPosition === Positions.Right &&\n        tabPosition === Positions.Right &&\n        css`\n          left: unset;\n          right: 0;\n        `}\n      }\n\n      & .${prefixCls}-extra-content {\n        flex: none;\n      }\n\n      .${prefixCls}-content {\n        display: flex;\n        width: 100%;\n        height: 100%;\n\n        &-holder {\n          flex: auto;\n        }\n\n        &-animated {\n          transition: margin 0.3s;\n        }\n      }\n\n      .${prefixCls}-tabpane {\n        width: 100%;\n        height: 100%;\n        flex: none;\n\n        &-hidden {\n          display: none;\n        }\n      }\n\n      &-top,\n      &-bottom {\n        flex-direction: column;\n      }\n\n      &-top .${prefixCls}-ink-bar, &-bottom .${prefixCls}-ink-bar {\n        height: 3px;\n      }\n\n      &-top .${prefixCls}-ink-bar {\n        bottom: 0;\n      }\n\n      &-top .${prefixCls}-tab {\n        margin-bottom: 6px;\n      }\n\n      &-bottom .${prefixCls}-nav {\n        order: 1;\n      }\n\n      &-bottom .${prefixCls}-content {\n        order: 0;\n      }\n\n      &-bottom .${prefixCls}-ink-bar {\n        top: 0;\n      }\n\n      &-bottom .${prefixCls}-tab {\n        margin-top: 6px;\n      }\n\n      &-left .${prefixCls}-nav-wrap, &-right .${prefixCls}-nav-wrap {\n        flex-direction: column;\n        width: 100%;\n      }\n\n      &-left .${prefixCls}-ink-bar, &-right .${prefixCls}-ink-bar {\n        width: 3px;\n      }\n\n      &-left .${prefixCls}-nav, &-right .${prefixCls}-nav {\n        flex-direction: column;\n        min-width: 50px;\n      }\n\n      /* stylelint-disable */\n      &-left .${prefixCls}-nav-list, &-right .${prefixCls}-nav-list {\n        flex: 1 0 auto;\n        flex-direction: column;\n      }\n      /* stylelint-enable */\n\n      &-left .${prefixCls}-ink-bar {\n        right: 0;\n      }\n\n      &-left .${prefixCls}-tab {\n        margin-right: 6px;\n      }\n\n      &-right .${prefixCls}-nav {\n        order: 1;\n      }\n\n      &-right .${prefixCls}-content {\n        order: 0;\n      }\n\n      &-right .${prefixCls}-ink-bar {\n        left: 0;\n      }\n\n      &-right .${prefixCls}-tab {\n        margin-left: 6px;\n      }\n\n      &-right .${prefixCls}-tab, &-left .${prefixCls}-tab {\n        .${prefixCls}-tab-btn {\n          justify-content: flex-start;\n          width: 100%;\n        }\n      }\n    }\n  `,\n);\n\nexport { BadgeWrapper, Tabs };\n"],"names":["styled","Badge","Tabs","TabsRC","prefixCls","size","Sizes","tabPosition","$indicatorPosition","theme","css","VariablesNames","getLabelTypographySize","TabsConsts.consts","getFocusStyles","ICON_CLASS","Positions"],"mappings":"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"}

package/build/cjs/components/Tag/Tag.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),C=require("react"),S=require("classnames"),e=require("../../react-base/src/consts/index.js"),r=require("../../react-base/src/components/Tag/Tag.consts.js"),z=require("../../react-base/src/components/Tag/Tag.utils.js"),j=require("../Icon/components/Cross.js"),t=require("./Tag.styles.js"),p=require("../Text/components/Label/Label.js"),b=C.forwardRef(({children:l,className:m,icon:c,dismissButtonTitle:u="Dismiss",...i},T)=>{const{size:n,shape:o,variant:d,sentiment:q,dismissible:g,onDismissClick:h,iconPosition:x,iconOnly:a}=z.useProps({size:i.size,shape:i.shape,variant:i.variant,sentiment:i.sentiment,dismissible:i.dismissible,onDismissClick:i.onDismissClick,iconPosition:i.iconPosition,iconOnly:i.iconOnly});return s.jsxs(t.Tag,{className:S(e.TAG_CLASS,m),shape:o,variant:d,size:n,sentiment:q,icon:!!c,iconOnly:a,iconPosition:x,ref:T,...i,children:[s.jsxs(t.TagLabelContainer,{children:[c,!a&&s.jsx(p,{size:n,children:l})]}),g&&s.jsx(t.TagButton,{title:u,size:e.Sizes.XSmall,iconOnly:!0,icon:s.jsx(j,{className:`${e.TAG_CLASS}-dismiss-icon`,width:r.consts[n][o].iconSize,height:r.consts[n][o].iconSize}),onClick:h,variant:e.Variants.Transparent})]})});module.exports=b;
+//# sourceMappingURL=Tag.js.map

package/build/cjs/components/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Variants, Sizes, TAG_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TagConsts, TagUtils } from 'acinguiux-ds-react-base/components/Tag';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Tag.styles';\nimport { ITagProps } from './Tag.types';\nimport Label from '../Text/components/Label/Label';\n\nconst Tag = forwardRef<HTMLDivElement, ITagProps>(\n  ({ children, className, icon, dismissButtonTitle = 'Dismiss', ...rest }, ref): ReactElement => {\n    const { size, shape, variant, sentiment, dismissible, onDismissClick, iconPosition, iconOnly } = TagUtils.useProps({\n      size: rest.size,\n      shape: rest.shape,\n      variant: rest.variant,\n      sentiment: rest.sentiment,\n      dismissible: rest.dismissible,\n      onDismissClick: rest.onDismissClick,\n      iconPosition: rest.iconPosition,\n      iconOnly: rest.iconOnly,\n    });\n\n    return (\n      <Styled.Tag\n        className={classNames(TAG_CLASS, className)}\n        shape={shape}\n        variant={variant}\n        size={size}\n        sentiment={sentiment}\n        icon={Boolean(icon)}\n        iconOnly={iconOnly}\n        iconPosition={iconPosition}\n        ref={ref}\n        {...rest}\n      >\n        <Styled.TagLabelContainer>\n          {icon}\n          {!iconOnly && <Label size={size}>{children}</Label>}\n        </Styled.TagLabelContainer>\n        {dismissible && (\n          <Styled.TagButton\n            title={dismissButtonTitle}\n            size={Sizes.XSmall}\n            iconOnly\n            icon={\n              <Cross\n                className={`${TAG_CLASS}-dismiss-icon`}\n                width={TagConsts.consts[size][shape].iconSize}\n                height={TagConsts.consts[size][shape].iconSize}\n              />\n            }\n            onClick={onDismissClick}\n            variant={Variants.Transparent}\n          />\n        )}\n      </Styled.Tag>\n    );\n  },\n);\n\nexport default Tag;\n"],"names":["Tag","forwardRef","children","className","icon","dismissButtonTitle","rest","ref","size","shape","variant","sentiment","dismissible","onDismissClick","iconPosition","iconOnly","TagUtils.useProps","jsxs","Styled.Tag","classNames","TAG_CLASS","Styled.TagLabelContainer","jsx","Label","Styled.TagButton","Sizes","Cross","TagConsts.consts","Variants"],"mappings":"iYAWMA,EAAMC,EAAA,WACV,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,mBAAAC,EAAqB,UAAW,GAAGC,CAAK,EAAGC,IAAsB,CACvF,KAAA,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,YAAAC,EAAa,eAAAC,EAAgB,aAAAC,EAAc,SAAAC,CAAa,EAAAC,WAAkB,CACjH,KAAMV,EAAK,KACX,MAAOA,EAAK,MACZ,QAASA,EAAK,QACd,UAAWA,EAAK,UAChB,YAAaA,EAAK,YAClB,eAAgBA,EAAK,eACrB,aAAcA,EAAK,aACnB,SAAUA,EAAK,QAAA,CAChB,EAGC,OAAAW,EAAA,KAACC,EAAO,IAAP,CACC,UAAWC,EAAWC,EAAA,UAAWjB,CAAS,EAC1C,MAAAM,EACA,QAAAC,EACA,KAAAF,EACA,UAAAG,EACA,KAAM,EAAQP,EACd,SAAAW,EACA,aAAAD,EACA,IAAAP,EACC,GAAGD,EAEJ,SAAA,CAACW,OAAAI,EAAAA,kBAAA,CACE,SAAA,CAAAjB,EACA,CAACW,GAAaO,EAAA,IAAAC,EAAA,CAAM,KAAAf,EAAa,SAAAN,CAAS,CAAA,CAAA,EAC7C,EACCU,GACCU,EAAA,IAACE,EAAO,UAAP,CACC,MAAOnB,EACP,KAAMoB,EAAM,MAAA,OACZ,SAAQ,GACR,KACEH,EAAA,IAACI,EAAA,CACC,UAAW,GAAGN,EAAS,SAAA,gBACvB,MAAOO,EAAAA,OAAiBnB,CAAI,EAAEC,CAAK,EAAE,SACrC,OAAQkB,EAAU,OAAOnB,CAAI,EAAEC,CAAK,EAAE,QAAA,CACxC,EAEF,QAASI,EACT,QAASe,EAAAA,SAAS,WAAA,CAAA,CACpB,CAAA,CAEJ,CAAA,CAGN"}

package/build/cjs/components/Tag/Tag.styles.js

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),S=require("../../react-base/src/components/Tag/Tag.utils.js"),w=require("../Button/OnSentimentButton.js"),f=require("../Text/components/Label/Label.styles.js"),t=e(w)`
+  width: auto;
+  min-width: auto;
+  height: auto;
+  min-height: auto;
+  padding: 0;
+
+  &:not(:disabled):hover,
+  &:not(:disabled):active {
+    background-color: inherit;
+    color: inherit;
+  }
+`,i=e.div``,q=e.div`
+  ${({theme:l,sentiment:s,shape:g,size:c,variant:u,iconPosition:r,icon:$,iconOnly:b})=>{const{backgroundColor:h,color:o,borderColor:p,minHeight:x,gap:n,borderRadius:d,borderWidth:m,borderStyle:v,labelPaddingInline:y,paddingInline:T,iconSize:a}=S.useStyles({theme:l,sentiment:s,variant:u,size:c,icon:$,iconOnly:b,iconPosition:r,shape:g});return e.css`
+      display: flex;
+      align-items: center;
+      width: fit-content;
+      gap: ${n}px;
+      min-height: ${x}px;
+      padding-inline: ${T}px;
+      border-radius: ${d}px;
+      border-width: ${m}px;
+      border-style: ${v};
+      background-color: ${h};
+      color: ${o};
+      border-color: ${p};
+
+      ${r==="right"&&e.css`
+        direction: rtl;
+      `};
+
+      & > ${i} {
+        display: flex;
+        align-items: center;
+        gap: ${n}px;
+        padding-inline: ${y};
+        &,
+        & > ${f.Label} {
+          color: ${o};
+        }
+      }
+
+      & > ${t} {
+        border-radius: ${d}px;
+      }
+
+      & > ${t} > svg,
+      & > ${i} > svg {
+        width: ${a}px;
+        height: ${a}px;
+      }
+    `}}
+`;exports.Tag=q;exports.TagButton=t;exports.TagLabelContainer=i;
+//# sourceMappingURL=Tag.styles.js.map

package/build/cjs/components/Tag/Tag.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\n\nimport { ITagProps } from './Tag.types';\nimport OnSentimentButton from '../Button/OnSentimentButton';\nimport { Label } from '../Text/components/Label/Label.styles';\n\ntype StylePropsRequired = 'size' | 'shape' | 'sentiment' | 'variant' | 'iconPosition' | 'icon' | 'iconOnly';\n\nexport const TagButton = styled(OnSentimentButton)`\n  width: auto;\n  min-width: auto;\n  height: auto;\n  min-height: auto;\n  padding: 0;\n\n  &:not(:disabled):hover,\n  &:not(:disabled):active {\n    background-color: inherit;\n    color: inherit;\n  }\n`;\n\nexport const TagLabelContainer = styled.div``;\n\nexport const Tag = styled.div<Required<Pick<ITagProps, StylePropsRequired>>>`\n  ${({ theme, sentiment, shape, size, variant, iconPosition, icon, iconOnly }) => {\n    const {\n      backgroundColor,\n      color,\n      borderColor,\n      minHeight,\n      gap,\n      borderRadius,\n      borderWidth,\n      borderStyle,\n      labelPaddingInline,\n      paddingInline,\n      iconSize,\n    } = TagUtils.useStyles({\n      theme,\n      sentiment,\n      variant,\n      size,\n      icon,\n      iconOnly,\n      iconPosition,\n      shape,\n    });\n\n    return css`\n      display: flex;\n      align-items: center;\n      width: fit-content;\n      gap: ${gap}px;\n      min-height: ${minHeight}px;\n      padding-inline: ${paddingInline}px;\n      border-radius: ${borderRadius}px;\n      border-width: ${borderWidth}px;\n      border-style: ${borderStyle};\n      background-color: ${backgroundColor};\n      color: ${color};\n      border-color: ${borderColor};\n\n      ${iconPosition === 'right' &&\n      css`\n        direction: rtl;\n      `};\n\n      & > ${TagLabelContainer} {\n        display: flex;\n        align-items: center;\n        gap: ${gap}px;\n        padding-inline: ${labelPaddingInline};\n        &,\n        & > ${Label} {\n          color: ${color};\n        }\n      }\n\n      & > ${TagButton} {\n        border-radius: ${borderRadius}px;\n      }\n\n      & > ${TagButton} > svg,\n      & > ${TagLabelContainer} > svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n      }\n    `;\n  }}\n`;\n"],"names":["TagButton","styled","OnSentimentButton","TagLabelContainer","Tag","theme","sentiment","shape","size","variant","iconPosition","icon","iconOnly","backgroundColor","color","borderColor","minHeight","gap","borderRadius","borderWidth","borderStyle","labelPaddingInline","paddingInline","iconSize","TagUtils.useStyles","css","Label"],"mappings":"iTASaA,EAAYC,EAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcpCC,EAAoBF,EAAO,MAE3BG,EAAMH,EAAO;AAAA,IACtB,CAAC,CAAE,MAAAI,EAAO,UAAAC,EAAW,MAAAC,EAAO,KAAAC,EAAM,QAAAC,EAAS,aAAAC,EAAc,KAAAC,EAAM,SAAAC,KAAe,CACxE,KAAA,CACJ,gBAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,IAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,SAAAC,CACF,EAAIC,YAAmB,CACrB,MAAAnB,EACA,UAAAC,EACA,QAAAG,EACA,KAAAD,EACA,KAAAG,EACA,SAAAC,EACA,aAAAF,EACA,MAAAH,CAAA,CACD,EAEM,OAAAkB,EAAA;AAAA;AAAA;AAAA;AAAA,aAIER,CAAG;AAAA,oBACID,CAAS;AAAA,wBACLM,CAAa;AAAA,uBACdJ,CAAY;AAAA,sBACbC,CAAW;AAAA,sBACXC,CAAW;AAAA,0BACPP,CAAe;AAAA,eAC1BC,CAAK;AAAA,sBACEC,CAAW;AAAA;AAAA,QAEzBL,IAAiB,SACnBe,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,YAEKtB,CAAiB;AAAA;AAAA;AAAA,eAGdc,CAAG;AAAA,0BACQI,CAAkB;AAAA;AAAA,cAE9BK,OAAK;AAAA,mBACAZ,CAAK;AAAA;AAAA;AAAA;AAAA,YAIZd,CAAS;AAAA,yBACIkB,CAAY;AAAA;AAAA;AAAA,YAGzBlB,CAAS;AAAA,YACTG,CAAiB;AAAA,iBACZoB,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA,KAGxB,CAAC;AAAA"}

package/build/cjs/components/Text/components/Display/Display.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),a=require("react"),n=require("classnames"),o=require("../../../../react-base/src/consts/index.js"),u=require("./Display.styles.js"),l=require("../../../../react-base/src/components/Text/components/Display/Display.utils.js"),p=a.forwardRef(({className:s="",...e},r)=>{const{type:t,...i}=l.useProps(e);return c.jsx(u.Display,{...i,className:n(o.DISPLAY_CLASS,s),as:t,ref:r})});module.exports=p;
+//# sourceMappingURL=Display.js.map

package/build/cjs/components/Text/components/Display/Display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.js","sources":["../../../../../../src/components/Text/components/Display/Display.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { DISPLAY_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DisplayUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Display.styles';\nimport type { IDisplayProps } from './Display.types';\n\nconst Display = forwardRef<HTMLSpanElement, IDisplayProps>(({ className = '', ...props }, ref): ReactElement => {\n  const { type, ...rest } = DisplayUtils.useProps(props);\n\n  return <Styled.Display {...rest} className={classNames(DISPLAY_CLASS, className)} as={type} ref={ref} />;\n});\n\nexport default Display;\n"],"names":["Display","forwardRef","className","props","ref","type","rest","DisplayUtils.useProps","jsx","Styled.Display","classNames","DISPLAY_CLASS"],"mappings":"kRASMA,EAAUC,aAA2C,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAM,EAAGC,IAAsB,CAC9G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAsBJ,CAAK,EAErD,OAAQK,EAAA,IAAAC,EAAA,QAAA,CAAgB,GAAGH,EAAM,UAAWI,EAAWC,EAAe,cAAAT,CAAS,EAAG,GAAIG,EAAM,IAAAD,CAAU,CAAA,CACxG,CAAC"}

package/build/cjs/components/Text/components/Display/Display.styles.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),s=require("../../../../react-base/src/components/Text/components/Display/Display.styles.js"),t=e.span`
+  ${s.Styles};
+`;exports.Display=t;
+//# sourceMappingURL=Display.styles.js.map

package/build/cjs/components/Text/components/Display/Display.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.styles.js","sources":["../../../../../../src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { DisplayStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Display = styled.span<DisplayStyles.StylesProps>`\n  ${DisplayStyles.Styles};\n`;\n\nexport { Display };\n"],"names":["Display","styled","DisplayStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAO;AAAA,IACnBC,QAAoB;AAAA"}

package/build/cjs/components/Text/components/Heading/Heading.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),c=require("react"),a=require("classnames"),o=require("../../../../react-base/src/consts/index.js"),u=require("./Heading.styles.js"),d=require("../../../../react-base/src/components/Text/components/Heading/Heading.utils.js"),q=c.forwardRef(({className:e="",...s},r)=>{const{type:t,...n}=d.useProps(s);return i.jsx(u.Heading,{...n,className:a(o.HEADING_CLASS,e),as:t,ref:r})});module.exports=q;
+//# sourceMappingURL=Heading.js.map

package/build/cjs/components/Text/components/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { HEADING_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { HeadingUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Heading.styles';\nimport type { IHeadingProps } from './Heading.types';\n\nconst Heading = forwardRef<HTMLHeadingElement | HTMLLabelElement | HTMLSpanElement, IHeadingProps>(\n  ({ className = '', ...props }, ref): ReactElement => {\n    const { type, ...rest } = HeadingUtils.useProps(props);\n\n    return <Styled.Heading {...rest} className={classNames(HEADING_CLASS, className)} as={type} ref={ref} />;\n  },\n);\n\nexport default Heading;\n"],"names":["Heading","forwardRef","className","props","ref","type","rest","HeadingUtils.useProps","jsx","Styled.Heading","classNames","HEADING_CLASS"],"mappings":"kRASMA,EAAUC,EAAA,WACd,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CACnD,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAsBJ,CAAK,EAErD,OAAQK,EAAA,IAAAC,EAAA,QAAA,CAAgB,GAAGH,EAAM,UAAWI,EAAWC,EAAe,cAAAT,CAAS,EAAG,GAAIG,EAAM,IAAAD,CAAU,CAAA,CAAA,CAE1G"}

package/build/cjs/components/Text/components/Heading/Heading.styles.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../../react-base/src/components/Text/components/Heading/Heading.styles.js"),s=e.h1`
+  ${t.Styles};
+`;exports.Heading=s;
+//# sourceMappingURL=Heading.styles.js.map

package/build/cjs/components/Text/components/Heading/Heading.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.styles.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { HeadingStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Heading = styled.h1<HeadingStyles.StylesProps>`\n  ${HeadingStyles.Styles};\n`;\n\nexport { Heading };\n"],"names":["Heading","styled","HeadingStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAO;AAAA,IACnBC,QAAoB;AAAA"}

package/build/cjs/components/Text/components/Label/Label.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),n=require("react"),o=require("classnames"),u=require("../../../../react-base/src/consts/index.js"),i=require("./Label.styles.js"),l=require("../../../../react-base/src/components/Text/components/Label/Label.utils.js"),L=n.forwardRef(({className:e="",...s},r)=>{const{type:t,...c}=l.useProps(s);return a.jsx(i.Label,{className:o(u.LABEL_CLASS,e),as:t,ref:r,...c})});module.exports=L;
+//# sourceMappingURL=Label.js.map

package/build/cjs/components/Text/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../../../src/components/Text/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { LABEL_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { LabelUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Label.styles';\nimport type { ILabelProps } from './Label.types';\n\nconst Label = forwardRef<HTMLSpanElement, ILabelProps>(({ className = '', ...props }, ref): ReactElement => {\n  const { type, ...rest } = LabelUtils.useProps(props);\n\n  return <Styled.Label className={classNames(LABEL_CLASS, className)} as={type} ref={ref} {...rest} />;\n});\n\nexport default Label;\n"],"names":["Label","forwardRef","className","props","ref","type","rest","LabelUtils.useProps","jsx","Styled.Label","classNames","LABEL_CLASS"],"mappings":"4QASMA,EAAQC,aAAyC,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAM,EAAGC,IAAsB,CAC1G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAoBJ,CAAK,EAEnD,OAAQK,EAAA,IAAAC,EAAA,MAAA,CAAa,UAAWC,EAAWC,EAAa,YAAAT,CAAS,EAAG,GAAIG,EAAM,IAAAD,EAAW,GAAGE,CAAM,CAAA,CACpG,CAAC"}

package/build/cjs/components/Text/components/Label/Label.styles.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../../react-base/src/components/Text/components/Label/Label.styles.js"),s=e.span`
+  ${t.Styles};
+`;exports.Label=s;
+//# sourceMappingURL=Label.styles.js.map

package/build/cjs/components/Text/components/Label/Label.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.styles.js","sources":["../../../../../../src/components/Text/components/Label/Label.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { LabelStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Label = styled.span<LabelStyles.StylesProps>`\n  ${LabelStyles.Styles};\n`;\n\nexport { Label };\n"],"names":["Label","styled","LabelStyles.Styles"],"mappings":"0OAGMA,EAAQC,EAAO;AAAA,IACjBC,QAAkB;AAAA"}

package/build/cjs/components/Text/components/Link/Link.js

@@ -0,0 +1,2 @@
+"use strict";const u=require("react/jsx-runtime"),c=require("react"),a=require("classnames"),d=require("../../../../react-base/src/consts/index.js"),S=require("./Link.styles.js"),y=require("../../../../react-base/src/components/Text/components/Link/Link.utils.js"),q=c.forwardRef(({className:e,children:s,...t},r)=>{const{hoverStyles:i,visitedStyles:l,defaultStyles:n,disabledStyles:o}=y.useProps();return u.jsx(S.Link,{$defaultStyles:n,$hoverStyles:i,$visitedStyles:l,$disabledStyles:o,className:a(d.LINK_CLASS,e),ref:r,...t,children:s})});module.exports=q;
+//# sourceMappingURL=Link.js.map

package/build/cjs/components/Text/components/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../../../src/components/Text/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { LINK_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Link.styles';\nimport type { ILinkProps } from './Link.types';\n\nconst Link = forwardRef<HTMLLinkElement, ILinkProps>(({ className, children, ...rest }, ref): ReactElement => {\n  const { hoverStyles, visitedStyles, defaultStyles, disabledStyles } = LinkUtils.useProps();\n\n  return (\n    <Styled.Link\n      $defaultStyles={defaultStyles}\n      $hoverStyles={hoverStyles}\n      $visitedStyles={visitedStyles}\n      $disabledStyles={disabledStyles}\n      className={classNames(LINK_CLASS, className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Styled.Link>\n  );\n});\n\nexport default Link;\n"],"names":["Link","forwardRef","className","children","rest","ref","hoverStyles","visitedStyles","defaultStyles","disabledStyles","LinkUtils.useProps","jsx","Styled.Link","classNames","LINK_CLASS"],"mappings":"yQASMA,EAAOC,aAAwC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IAAsB,CAC5G,KAAM,CAAE,YAAAC,EAAa,cAAAC,EAAe,cAAAC,EAAe,eAAAC,CAAe,EAAIC,EAAAA,SAAmB,EAGvF,OAAAC,EAAA,IAACC,EAAO,KAAP,CACC,eAAgBJ,EAChB,aAAcF,EACd,eAAgBC,EAChB,gBAAiBE,EACjB,UAAWI,EAAWC,EAAA,WAAYZ,CAAS,EAC3C,IAAAG,EACC,GAAGD,EAEH,SAAAD,CAAA,CACH,CAEJ,CAAC"}

package/build/cjs/components/Text/components/Link/Link.styles.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),n=require("../../../../react-base/src/utils/stylesUtils.js"),u=require("../../../../react-base/src/consts/index.js"),l=require("../../../../react-base/src/components/Text/components/Label/Label.utils.js"),d=s.span`
+  ${({theme:e,$defaultStyles:i,$hoverStyles:t,$visitedStyles:r,$disabledStyles:o})=>s.css`
+    a {
+      ${l.font(u.Sizes.Medium,"normal",e)};
+      ${i};
+      &:hover {
+        ${t};
+      }
+
+      &:visited {
+        ${r};
+      }
+
+      &:focus-visible {
+        ${n.getFocusStyles(e)};
+      }
+
+      &:disabled {
+        ${o};
+      }
+
+      &[aria-hidden='true'] {
+        border: none;
+      }
+    }
+  `};
+`;exports.Link=d;
+//# sourceMappingURL=Link.styles.js.map

package/build/cjs/components/Text/components/Link/Link.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.styles.js","sources":["../../../../../../src/components/Text/components/Link/Link.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\nimport { LinkUtils, LabelUtils } from 'acinguiux-ds-react-base/components/Text';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nconst Link = styled.span<TransientAll<ReturnType<typeof LinkUtils.useProps>>>`\n  ${({ theme, $defaultStyles, $hoverStyles, $visitedStyles, $disabledStyles }) => css`\n    a {\n      ${LabelUtils.font(Sizes.Medium, 'normal', theme)};\n      ${$defaultStyles};\n      &:hover {\n        ${$hoverStyles};\n      }\n\n      &:visited {\n        ${$visitedStyles};\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n\n      &:disabled {\n        ${$disabledStyles};\n      }\n\n      &[aria-hidden='true'] {\n        border: none;\n      }\n    }\n  `};\n`;\n\nexport { Link };\n"],"names":["Link","styled","theme","$defaultStyles","$hoverStyles","$visitedStyles","$disabledStyles","css","LabelUtils.font","Sizes","getFocusStyles"],"mappings":"8VAMMA,EAAOC,EAAO;AAAA,IAChB,CAAC,CAAE,MAAAC,EAAO,eAAAC,EAAgB,aAAAC,EAAc,eAAAC,EAAgB,gBAAAC,KAAsBC,EAAA;AAAA;AAAA,QAE1EC,EAAgB,KAAAC,EAAA,MAAM,OAAQ,SAAUP,CAAK,CAAC;AAAA,QAC9CC,CAAc;AAAA;AAAA,UAEZC,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZC,CAAc;AAAA;AAAA;AAAA;AAAA,UAIdK,EAAAA,eAAeR,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrBI,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtB;AAAA"}

package/build/cjs/components/Text/components/Section/Section.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),n=require("react"),o=require("classnames"),u=require("../../../../react-base/src/consts/index.js"),a=require("./Section.styles.js"),S=n.forwardRef(({className:e="",gutter:s=!1,children:t,...r},c)=>i.jsx(a.Section,{className:o(u.SECTION_CLASS,e),$gutter:s,ref:c,...r,children:t}));module.exports=S;
+//# sourceMappingURL=Section.js.map

package/build/cjs/components/Text/components/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../../../../src/components/Text/components/Section/Section.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { SECTION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Section.styles';\nimport type { ISectionProps } from './Section.types';\n\nconst Section = forwardRef<HTMLElement, ISectionProps>(\n  ({ className = '', gutter = false, children, ...rest }, ref): ReactElement => (\n    <Styled.Section className={classNames(SECTION_CLASS, className)} $gutter={gutter} ref={ref} {...rest}>\n      {children}\n    </Styled.Section>\n  ),\n);\n\nexport default Section;\n"],"names":["Section","forwardRef","className","gutter","children","rest","ref","jsx","Styled.Section","classNames","SECTION_CLASS"],"mappings":"sLAQMA,EAAUC,EAAA,WACd,CAAC,CAAE,UAAAC,EAAY,GAAI,OAAAC,EAAS,GAAO,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IACtDC,MAACC,EAAAA,QAAA,CAAe,UAAWC,EAAWC,EAAe,cAAAR,CAAS,EAAG,QAASC,EAAQ,IAAAG,EAAW,GAAGD,EAC7F,SAAAD,CACH,CAAA,CAEJ"}

package/build/cjs/components/Text/components/Section/Section.styles.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../../react-base/src/components/Text/components/Section/Section.styles.js"),o=e.section`
+  ${t.Styles};
+`;exports.Section=o;
+//# sourceMappingURL=Section.styles.js.map

package/build/cjs/components/Text/components/Section/Section.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.styles.js","sources":["../../../../../../src/components/Text/components/Section/Section.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { SectionStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Section = styled.section<SectionStyles.StylesProps>`\n  ${SectionStyles.Styles};\n`;\n\nexport { Section };\n"],"names":["Section","styled","SectionStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAO;AAAA,IACnBC,QAAoB;AAAA"}

package/build/cjs/components/Text/components/Text/Text.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),u=require("classnames"),i=require("../../../../react-base/src/consts/index.js"),x=require("./Text.styles.js"),a=require("../../../../react-base/src/components/Text/components/Text/Text.utils.js"),q=o.forwardRef(({className:e="",...s},t)=>{const{type:r,...c}=a.useProps(s);return n.jsx(x.Text,{className:u(i.PARAGRAPH_CLASS,e),as:r,ref:t,...c})});module.exports=q;
+//# sourceMappingURL=Text.js.map

package/build/cjs/components/Text/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Text/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { PARAGRAPH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TextUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Text.styles';\nimport type { ITextProps } from './Text.types';\n\nconst Text = forwardRef<HTMLParagraphElement, ITextProps>(({ className = '', ...props }, ref): ReactElement => {\n  const { type, ...rest } = TextUtils.useProps(props);\n\n  return <Styled.Text className={classNames(PARAGRAPH_CLASS, className)} as={type} ref={ref} {...rest} />;\n});\n\nexport default Text;\n"],"names":["Text","forwardRef","className","props","ref","type","rest","TextUtils.useProps","jsx","Styled.Text","classNames","PARAGRAPH_CLASS"],"mappings":"yQASMA,EAAOC,aAA6C,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAM,EAAGC,IAAsB,CAC7G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAmBJ,CAAK,EAElD,OAAQK,EAAA,IAAAC,EAAA,KAAA,CAAY,UAAWC,EAAWC,EAAiB,gBAAAT,CAAS,EAAG,GAAIG,EAAM,IAAAD,EAAW,GAAGE,CAAM,CAAA,CACvG,CAAC"}

package/build/cjs/components/Text/components/Text/Text.styles.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../../react-base/src/components/Text/components/Text/Text.styles.js"),s=e.p`
+  ${t.Styles};
+`;exports.Text=s;
+//# sourceMappingURL=Text.styles.js.map

package/build/cjs/components/Text/components/Text/Text.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.styles.js","sources":["../../../../../../src/components/Text/components/Text/Text.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { TextStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Text = styled.p<TextStyles.StylesProps>`\n  ${TextStyles.Styles};\n`;\n\nexport { Text };\n"],"names":["Text","styled","TextStyles.Styles"],"mappings":"wOAGMA,EAAOC,EAAO;AAAA,IAChBC,QAAiB;AAAA"}

package/build/cjs/components/TextArea/TextArea.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),T=require("react"),d=require("classnames"),e=require("../../react-base/src/consts/index.js"),o=require("./TextArea.styles.js"),q=T.forwardRef(({className:c,size:t=e.Sizes.Medium,icon:r=null,iconPosition:s=e.Positions.Left,invalid:a=!1,disabled:i=!1,resize:l="both",wrapperProps:u,tabIndex:x=0,...A},f)=>n.jsxs(o.TextAreaWrapper,{className:d(e.TEXT_AREA_CLASS,c),size:t,$invalid:a,$disabled:i,$icon:!!r,$iconPosition:s,...u,children:[s===e.Positions.Left&&r,n.jsx(o.TextArea,{tabIndex:x,ref:f,size:t,disabled:i,resize:l,"aria-invalid":a,$iconPosition:s,...A}),s===e.Positions.Right&&r]}));module.exports=q;
+//# sourceMappingURL=TextArea.js.map

package/build/cjs/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Positions, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './TextArea.styles';\nimport type { ITextAreaProps } from './TextArea.types';\n\nconst TextArea = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      icon = null,\n      iconPosition = Positions.Left,\n      invalid = false,\n      disabled = false,\n      resize = 'both',\n      wrapperProps,\n      tabIndex = 0,\n      ...rest\n    }: ITextAreaProps,\n    ref: ForwardedRef<HTMLTextAreaElement>,\n  ) => (\n    <Styled.TextAreaWrapper\n      className={classNames(TEXT_AREA_CLASS, className)}\n      size={size}\n      $invalid={invalid}\n      $disabled={disabled}\n      $icon={!!icon}\n      $iconPosition={iconPosition}\n      {...wrapperProps}\n    >\n      {iconPosition === Positions.Left && icon}\n      <Styled.TextArea\n        tabIndex={tabIndex}\n        ref={ref}\n        size={size}\n        disabled={disabled}\n        resize={resize}\n        aria-invalid={invalid}\n        $iconPosition={iconPosition}\n        {...rest}\n      />\n      {iconPosition === Positions.Right && icon}\n    </Styled.TextAreaWrapper>\n  ),\n);\n\nexport default TextArea;\n"],"names":["TextArea","forwardRef","className","size","Sizes","icon","iconPosition","Positions","invalid","disabled","resize","wrapperProps","tabIndex","rest","ref","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","jsx","Styled.TextArea"],"mappings":"iLAQMA,EAAWC,EAAA,WACf,CACE,CACE,UAAAC,EACA,KAAAC,EAAOC,EAAM,MAAA,OACb,KAAAC,EAAO,KACP,aAAAC,EAAeC,EAAU,UAAA,KACzB,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,OAAAC,EAAS,OACT,aAAAC,EACA,SAAAC,EAAW,EACX,GAAGC,GAELC,IAEAC,EAAA,KAACC,EAAO,gBAAP,CACC,UAAWC,EAAWC,EAAA,gBAAiBhB,CAAS,EAChD,KAAAC,EACA,SAAUK,EACV,UAAWC,EACX,MAAO,CAAC,CAACJ,EACT,cAAeC,EACd,GAAGK,EAEH,SAAA,CAAAL,IAAiBC,EAAAA,UAAU,MAAQF,EACpCc,EAAA,IAACC,EAAO,SAAP,CACC,SAAAR,EACA,IAAAE,EACA,KAAAX,EACA,SAAAM,EACA,OAAAC,EACA,eAAcF,EACd,cAAeF,EACd,GAAGO,CAAA,CACN,EACCP,IAAiBC,YAAU,OAASF,CAAA,CAAA,CAAA,CAG3C"}

package/build/cjs/components/TextArea/TextArea.styles.js

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),c=require("../../react-base/src/consts/index.js"),r=require("../../react-base/src/utils/stylesUtils.js"),S=require("../../react-base/src/components/TextArea/TextArea.consts.js"),f=require("../../react-base/src/components/Input/Input.utils.js"),y=require("acinguiux-ds-fabrics"),{getInputColorStyles:x,getWrapperStyles:b,getInputBorderStyles:q,getBaseElementStyles:F}=f,{consts:g,wrapperConsts:n}=S,u=o.textarea`
+  ${({resize:t,theme:e})=>o.css`
+    display: inline-block;
+    transition: filter 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+    resize: ${t};
+    outline: none;
+
+    &:focus-visible {
+      ${r.getFocusStyles(e)};
+    }
+  `}
+`,T=o.div`
+  ${({size:t=`${c.Sizes.Medium}`,$disabled:e,$invalid:i,$icon:p,$iconPosition:l=`${c.Positions.Left}`,theme:s})=>{const a=$=>x(s,$,e,i);return o.css`
+      ${b};
+      outline: none;
+
+      ${u} {
+        ${q(t,!0)};
+        ${a()};
+        ${F(s,t,e)};
+        ${i&&r.getLabelFontStyles(s,e)};
+        padding: ${p?g.paddingWithIcon[t][l]:g.paddingWithoutIcon[t]};
+      }
+
+      &:has(:focus-visible) {
+        ${u} {
+          outline: none;
+          ${r.getFocusStyles(s)};
+        }
+      }
+
+      &:hover {
+        ${u} {
+          ${a(y.States.Hover)};
+          ${i&&r.getLabelFontStyles(s,e)};
+        }
+      }
+
+      svg {
+        position: absolute;
+        top: ${n.iconOffset[t]};
+        width: ${n.iconSize[t]};
+        height: ${n.iconSize[t]};
+
+        ${l===c.Positions.Left&&o.css`
+          margin-left: ${n.iconOffset[t]};
+        `};
+
+        ${l===c.Positions.Right&&o.css`
+          margin-left: calc(-${n.iconOffset[t]} - 20px);
+        `};
+
+        ${i&&r.getLabelFontStyles(s,e)};
+      }
+    `}}
+`;exports.TextArea=u;exports.TextAreaWrapper=T;
+//# sourceMappingURL=TextArea.styles.js.map