@orfium/ictinus 5.43.7 → 5.43.8

package/dist/vanilla/index.js

@@ -150,7 +150,10 @@ export { WarningIcon } from './src/icons/WarningIcon.js';
 export { WorkIcon } from './src/icons/WorkIcon.js';
 export { WriterIcon } from './src/icons/WriterIcon.js';
 export { YouTubeIcon } from './src/icons/YouTubeIcon.js';
+import * as layers_css from './src/layers/layers-css.js';
+export { layers_css as layers };
 export { Skeleton } from './src/skeleton/Skeleton.js';
+export { mapResponsiveValue, normalizeResponsiveValue, sprinkles } from './src/sprinkles/sprinkles.js';
 export { cn } from './src/utils/cn.js';
 export { Box } from './Box/Box.js';
 export { extractBoxProps } from './Box/extractBoxProps.js';

package/dist/vanilla/package.json.js

@@ -1,3 +1,3 @@
-var version = "5.43.7";
+var version = "5.43.8";
 
 export { version };

package/dist/vanilla/src/actions/ActionsContent-css.js

@@ -1,10 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-CRlOneec.css';
-import './../../assets/src/actions/ActionsRoot.css.ts.vanilla-B5JvX1-v.css';
-import './../../assets/src/actions/ActionsContent.css.ts.vanilla-BVxWvGVF.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DOIEZBDT.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DunamBlA.css';
+import './../../assets/src/actions/ActionsRoot.css.ts.vanilla-Sfxv3QTp.css';
+import './../../assets/src/actions/ActionsContent.css.ts.vanilla-CY_zQdRt.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var content = createRuntimeFn({defaultClassName:'_146hxcf6 _146hxcf2i _146hxcf1m gfg8xi0',variantClassNames:{visible:{always:'gfg8xi1','if-needed':'gfg8xi2'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'nwum6v ndnm0h _99k1ze m71etg',variantClassNames:{visible:{always:'_6jgzwx','if-needed':'_1vm03f0'}},defaultVariants:{},compoundVariants:[]});
 
 export { content };

package/dist/vanilla/src/actions/ActionsRoot-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../../assets/src/actions/ActionsRoot.css.ts.vanilla-B5JvX1-v.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DOIEZBDT.css';
+import './../../assets/src/actions/ActionsRoot.css.ts.vanilla-Sfxv3QTp.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var root = createRuntimeFn({defaultClassName:'_17y19ri1 _17y19ri0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var root = createRuntimeFn({defaultClassName:'s23xt2 c9g0xv',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { root };

package/dist/vanilla/src/components/Avatar/UserAvatar.js

@@ -1,9 +1,7 @@
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { Box } from '../../../Box/Box.js';
-import '../../sprinkles/sprinkles.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 
-function UserAvatar(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 17", xmlns: "http://www.w3.org/2000/svg", children: [
+function UserAvatar() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 17", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -18,7 +16,7 @@ function UserAvatar(props) {
         fill: "currentColor"
       }
     )
-  ] }) });
+  ] });
 }
 
 export { UserAvatar };

package/dist/vanilla/src/components/Button/Button.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import React__default from 'react';
 import Avatar from '../Avatar/Avatar.js';
-import { BUTTON_ICON_COLOR } from '../ButtonBase/constants.js';
-import { Icon } from '../../icon/Icon.js';
-import { Text } from '../../../Text/Text.js';
+import { BUTTON_COLOR } from '../ButtonBase/constants.js';
+import Icon from '../Icon/Icon.js';
 import ButtonBase from '../ButtonBase/ButtonBase.js';
 
 const Button = React__default.forwardRef((props, ref) => {
@@ -18,13 +17,11 @@ const Button = React__default.forwardRef((props, ref) => {
     isLoading
   } = props;
   const hasAvatar = ["primary", "secondary", "tertiary"].includes(type) && avatar;
-  const isCompact = size === "compact";
-  const iconSize = isCompact ? "sm" : "md";
   return /* @__PURE__ */ jsxs(ButtonBase, { ...props, ref, isLoading, onClick, children: [
     hasAvatar && /* @__PURE__ */ jsx(Avatar, { src: avatar?.src, children: avatar?.label }),
-    iconLeftName && !hasAvatar && /* @__PURE__ */ jsx(Icon, { name: iconLeftName, color: BUTTON_ICON_COLOR[type], size: iconSize }),
-    /* @__PURE__ */ jsx(Text, { children }),
-    iconRightName && /* @__PURE__ */ jsx(Icon, { name: iconRightName, color: BUTTON_ICON_COLOR[type], size: iconSize })
+    iconLeftName && !hasAvatar && /* @__PURE__ */ jsx(Icon, { name: iconLeftName, color: BUTTON_COLOR[type].text }),
+    /* @__PURE__ */ jsx("span", { children }),
+    iconRightName && /* @__PURE__ */ jsx(Icon, { name: iconRightName, color: BUTTON_COLOR[type].text })
   ] });
 });
 Button.displayName = "Button";

package/dist/vanilla/src/components/ButtonBase/constants.js

@@ -26,15 +26,9 @@ const BUTTON_COLOR = {
     text: vars.color.text.default.error
   }
 };
-const BUTTON_ICON_COLOR = {
-  primary: "inverted.primary",
-  secondary: "active",
-  tertiary: "active",
-  danger: "error"
-};
 const typographySizes = {
   normal: "normal.label02",
   compact: "normal.label03"
 };
 
-export { BUTTON_COLOR, BUTTON_ICON_COLOR, typographySizes };
+export { BUTTON_COLOR, typographySizes };

package/dist/vanilla/src/components/Controls/CheckBox/CheckBox.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import React__default from 'react';
 import { Checkbox } from 'react-aria-components';
+import { vars } from '@orfium/tokens';
 import Box from '../../Box/Box.js';
-import { Icon } from '../../../icon/Icon.js';
+import Icon from '../../Icon/Icon.js';
 import ControlHelpText from '../ControlLabel/ControlHelpText.js';
 import ControlLabelText from '../ControlLabel/ControlLabelText.js';
 import { checkboxWrapperStyles, checkboxStyles } from './CheckBox.style.js';
@@ -42,15 +43,15 @@ const CheckBox = React__default.forwardRef((props, ref) => {
             flexDirection: placement === "left" ? "row-reverse" : "row",
             justifyContent: placement === "left" ? "space-between" : "unset",
             children: [
-              /* @__PURE__ */ jsx(Box, { "data-role": "checkbox-icon", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(Box, { "data-role": "checkbox-icon", children: /* @__PURE__ */ jsx(
                 Icon,
                 {
                   name: isIndeterminate ? "minus" : "check",
-                  size: "md",
-                  color: "inverted.primary",
-                  "data-testid": `${dataTestPrefixId}${value ? `_${value}` : ""}_${isIndeterminate ? "minus" : isSelected ? "checkmark" : "unselected"}`
+                  size: vars.sizing["5"],
+                  color: vars.color.text.inverted.primary,
+                  dataTestId: `${dataTestPrefixId}${value ? `_${value}` : ""}_${isIndeterminate ? "minus" : isSelected ? "checkmark" : "unselected"}`
                 }
-              ) }) }),
+              ) }),
               children && /* @__PURE__ */ jsx(
                 ControlLabelText,
                 {

package/dist/vanilla/src/components/Icon/Icon.js

@@ -0,0 +1,44 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { vars } from '@orfium/tokens';
+import { useSlotProps } from '../utils/Slots.js';
+import useCombinedRefs from '../../hooks/useCombinedRefs.js';
+import * as React from 'react';
+import { useRef } from 'react';
+import iconSelector from './assets/iconSelector.js';
+import { iconContainerStyles, iconStyles } from './Icon.style.js';
+
+const Icon = React.forwardRef((props, ref) => {
+  props = useSlotProps(props, "icon");
+  const {
+    name,
+    color = vars.color.text.default.secondary,
+    size = 20,
+    onClick,
+    dataTestId,
+    hasHover,
+    ...rest
+  } = props;
+  const combinedRef = useCombinedRefs(ref, useRef(null));
+  const isInteractive = Boolean(onClick);
+  const Icon2 = iconSelector[name];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick,
+      css: iconContainerStyles({ size, hasHover: hasHover ?? isInteractive, isInteractive }),
+      "data-testid": dataTestId,
+      ref: combinedRef,
+      tabIndex: isInteractive ? 0 : void 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" && onClick) {
+          combinedRef.current.click();
+        }
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx(Icon2, { css: iconStyles({ color, size }) })
+    }
+  );
+});
+Icon.displayName = "Icon";
+
+export { Icon as default };

package/dist/vanilla/src/components/Icon/Icon.style.js

@@ -0,0 +1,42 @@
+import { css } from '@emotion/react';
+import { rem } from '@orfium/tokens';
+
+const iconContainerStyles = ({
+  hasHover,
+  isInteractive,
+  size = 20
+}) => (theme) => {
+  const iconSize = typeof size === "number" || size.includes("px") ? rem(size) : size;
+  return css`
+      width: ${iconSize};
+      height: ${iconSize};
+      display: flex;
+
+      ${isInteractive && `
+        cursor: pointer;
+      `}
+
+      ${hasHover && `
+        &:hover, &:focus-visible {
+          transition: all 0.2s;
+          border-radius: 100%;
+          background: ${theme.tokens.state.get("backgroundColor.hover")};
+          box-shadow: 0px 0px 0px 8px ${theme.tokens.state.get("backgroundColor.hover")};
+        }
+      `}
+    `;
+};
+const iconStyles = ({ color, size = 20 }) => () => {
+  const iconSize = typeof size === "number" || size.includes("px") ? rem(size) : size;
+  return css`
+      width: ${iconSize};
+      height: ${iconSize};
+
+      path,
+      rect {
+        fill: ${color} !important;
+      }
+    `;
+};
+
+export { iconContainerStyles, iconStyles };

package/dist/vanilla/src/components/Icon/assets/audioControls/forward.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgForward = function SvgForward(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M4.38 13.833q-.441.302-.91.057-.47-.246-.47-.814V6.929q0-.569.47-.818.469-.25.91.061l4.425 3.066q.386.266.386.764 0 .5-.386.764zm7.809 0q-.442.302-.911.057-.47-.246-.47-.814V6.929q0-.569.47-.818.47-.25.91.061l4.425 3.066q.387.266.387.764 0 .5-.387.764z"
+  })));
+};
+
+export { SvgForward as default };

package/dist/vanilla/src/components/Icon/assets/audioControls/next.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgNext = function SvgNext(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M15.056 15a.96.96 0 0 1-.667-.252.8.8 0 0 1-.276-.607V5.86q0-.354.277-.607A.96.96 0 0 1 15.057 5q.39 0 .666.252.277.252.277.607v8.282a.8.8 0 0 1-.277.607.96.96 0 0 1-.667.252m-9.405-1.002a1.11 1.11 0 0 1-1.09.06Q4 13.802 4 13.208V6.792q0-.597.561-.855.562-.26 1.09.065l5.294 3.2q.463.277.463.798 0 .52-.463.797z"
+  })));
+};
+
+export { SvgNext as default };

package/dist/vanilla/src/components/Icon/assets/audioControls/pause.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPause = function SvgPause(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M12.86 15.5q-.675 0-1.13-.469a1.6 1.6 0 0 1-.457-1.162V6.131q0-.693.456-1.162a1.51 1.51 0 0 1 1.13-.469h.554q.675 0 1.13.469.457.47.457 1.162v7.738q0 .693-.456 1.162a1.51 1.51 0 0 1-1.13.469zm-6.273 0q-.675 0-1.13-.469A1.6 1.6 0 0 1 5 13.869V6.131q0-.693.456-1.162a1.51 1.51 0 0 1 1.13-.469h.554q.675 0 1.13.469.457.47.457 1.162v7.738q0 .693-.456 1.162a1.51 1.51 0 0 1-1.13.469z"
+  })));
+};
+
+export { SvgPause as default };

package/dist/vanilla/src/components/Icon/assets/audioControls/play.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPlay = function SvgPlay(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M7.156 15.307q-.537.358-1.097.052t-.559-.955V5.596q0-.649.56-.955.558-.306 1.096.052l6.843 4.39q.501.315.501.917t-.5.917z"
+  })));
+};
+
+export { SvgPlay as default };

package/dist/vanilla/src/components/Icon/assets/audioControls/previous.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPrevious = function SvgPrevious(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M4.944 15q.39 0 .667-.252a.8.8 0 0 0 .276-.607V5.86a.8.8 0 0 0-.277-.607A.96.96 0 0 0 4.943 5a.96.96 0 0 0-.666.252A.8.8 0 0 0 4 5.86v8.282q0 .354.277.607a.96.96 0 0 0 .667.252m9.405-1.002a1.11 1.11 0 0 0 1.09.06q.561-.256.561-.85V6.792q0-.597-.561-.855a1.09 1.09 0 0 0-1.09.065l-5.294 3.2q-.463.277-.463.798 0 .52.463.797z"
+  })));
+};
+
+export { SvgPrevious as default };

package/dist/vanilla/src/components/Icon/assets/audioControls/resume.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgResume = function SvgResume(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M9.01 15.338q.51.334 1-.02l6.03-4.322q.46-.354.46-.996t-.46-.996l-6.03-4.322q-.49-.354-1-.02T8.5 5.669v8.662q0 .674.51 1.007M3.867 15.031q.367.47.91.469h.446q.543 0 .91-.469.367-.47.367-1.162V6.131q0-.693-.367-1.162-.367-.47-.91-.469h-.446q-.543 0-.91.469-.367.47-.367 1.162v7.738q0 .693.367 1.162"
+  })));
+};
+
+export { SvgResume as default };

package/dist/vanilla/src/components/Icon/assets/audioControls/rewind.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgRewind = function SvgRewind(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "m15.62 13.833-4.425-3.067q-.386-.264-.386-.764 0-.498.386-.764l4.425-3.066q.442-.31.91-.06.47.248.47.817v6.147q0 .568-.47.814-.469.246-.91-.058m-7.808 0-4.425-3.067Q3 10.502 3 10.002q0-.498.387-.764l4.425-3.066q.442-.31.91-.06.47.248.47.817v6.147q0 .568-.47.814-.468.246-.91-.058"
+  })));
+};
+
+export { SvgRewind as default };

package/dist/vanilla/src/components/Icon/assets/audioControls/stop.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgStop = function SvgStop(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M7.031 15q-.864 0-1.448-.584Q5 13.833 5 12.97V7.03q0-.864.583-1.448Q6.167 5 7.031 5h5.938q.864 0 1.447.583.584.584.584 1.448v5.938q0 .864-.584 1.447-.583.584-1.447.584z"
+  })));
+};
+
+export { SvgStop as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/check.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgCheck = function SvgCheck(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M7.986 15a1 1 0 0 1-.367-.072.95.95 0 0 1-.334-.239l-3.532-3.78a.92.92 0 0 1-.253-.664.96.96 0 0 1 .266-.663.81.81 0 0 1 .614-.278q.354 0 .614.278l2.992 3.201L15 5.277A.82.82 0 0 1 15.62 5a.82.82 0 0 1 .62.277q.26.277.26.664a.94.94 0 0 1-.26.664l-7.554 8.084a.95.95 0 0 1-.333.239 1 1 0 0 1-.367.072"
+  })));
+};
+
+export { SvgCheck as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/close.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgClose = function SvgClose(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M10.044 11.128 6.408 14.75a.78.78 0 0 1-1.142 0 .77.77 0 0 1-.251-.559q0-.309.251-.56l3.655-3.64-3.673-3.639A.77.77 0 0 1 5 5.804q-.003-.303.248-.553A.78.78 0 0 1 5.81 5q.31 0 .561.25l3.636 3.604 3.6-3.585a.78.78 0 0 1 1.142 0q.25.25.251.578 0 .327-.252.577l-3.617 3.622 3.636 3.621q.225.225.23.547a.74.74 0 0 1-.23.554.75.75 0 0 1-.543.232.75.75 0 0 1-.544-.232z"
+  })));
+};
+
+export { SvgClose as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/columnChooser.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgColumnChooser = function SvgColumnChooser(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M2.5 15.25V4.75q0-.906.472-1.578T4.107 2.5h11.786q.663 0 1.135.672T17.5 4.75v10.5q0 .906-.472 1.578t-1.135.672H4.107q-.663 0-1.135-.672T2.5 15.25m6.071.688h2.858V4.063H8.57zm4.465 0h2.857V4.063h-2.857z"
+  })));
+};
+
+export { SvgColumnChooser as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/convert.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgConvert = function SvgConvert(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "m4.812 13.438 1.637 1.624q.26.258.264.593a.77.77 0 0 1-.264.586.79.79 0 0 1-.577.259.8.8 0 0 1-.583-.259l-2.988-2.944a1.2 1.2 0 0 1-.22-.316.84.84 0 0 1-.081-.367.84.84 0 0 1 .08-.366 1.1 1.1 0 0 1 .221-.308L5.26 9.025a.83.83 0 0 1 1.199-.008.79.79 0 0 1 .254.579.81.81 0 0 1-.264.58l-1.637 1.623h5.212a.8.8 0 0 1 .583.24.78.78 0 0 1 .243.575q0 .336-.243.58a.8.8 0 0 1-.583.244zM15.188 8.2H9.976a.8.8 0 0 1-.583-.24.78.78 0 0 1-.243-.575q0-.336.243-.58a.8.8 0 0 1 .583-.244h5.212L13.55 4.938a.83.83 0 0 1-.264-.593.77.77 0 0 1 .264-.586.79.79 0 0 1 .577-.259.8.8 0 0 1 .583.259l2.988 2.944q.14.147.22.316a.84.84 0 0 1 .081.367.84.84 0 0 1-.08.366 1.1 1.1 0 0 1-.221.308l-2.959 2.915a.77.77 0 0 1-.576.248.86.86 0 0 1-.601-.26.79.79 0 0 1-.255-.58.81.81 0 0 1 .265-.58z"
+  })));
+};
+
+export { SvgConvert as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/copy.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgCopy = function SvgCopy(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M11.49 11.99a.75.75 0 0 0 .55-.23.75.75 0 0 0 .23-.552V9.774h1.435a.75.75 0 0 0 .551-.23.75.75 0 0 0 .23-.551.75.75 0 0 0-.23-.552.75.75 0 0 0-.551-.23H12.27V6.778a.75.75 0 0 0-.23-.551.75.75 0 0 0-.551-.23.75.75 0 0 0-.552.23.75.75 0 0 0-.229.551v1.435H9.274a.75.75 0 0 0-.552.23.75.75 0 0 0-.23.551q0 .323.23.552t.552.229h1.434v1.434q0 .322.23.552.228.23.551.23M7.3 14.985q-.746 0-1.265-.52a1.72 1.72 0 0 1-.52-1.266V4.785q0-.745.52-1.265T7.3 3h8.415q.745 0 1.265.52t.52 1.265V13.2q0 .746-.52 1.265-.52.52-1.265.52zM4.285 18q-.745 0-1.265-.52a1.72 1.72 0 0 1-.52-1.265V7.019q0-.323.23-.552a.75.75 0 0 1 .551-.229q.323 0 .552.23.229.229.229.55v9.197q0 .084.07.153.069.07.153.07h9.196q.322 0 .552.23.229.228.229.551a.75.75 0 0 1-.23.552.75.75 0 0 1-.55.229z"
+  })));
+};
+
+export { SvgCopy as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/delete.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgDelete = function SvgDelete(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M6.079 17.5q-.84 0-1.42-.573a1.9 1.9 0 0 1-.58-1.405V5.937h-.204a.85.85 0 0 1-.618-.254A.83.83 0 0 1 3 5.07q0-.357.257-.61a.85.85 0 0 1 .618-.255h3.622c0-.242.099-1.282.296-1.451q.295-.255.684-.255h3.046q.389 0 .684.255c.197.17.296 1.21.296 1.451h3.622q.36 0 .618.255.257.254.257.611a.83.83 0 0 1-.257.611.85.85 0 0 1-.618.254h-.203v9.585a1.9 1.9 0 0 1-.58 1.405q-.58.573-1.421.573zm1.36-5.06q0 .359.257.612.257.255.618.254.361 0 .618-.254a.83.83 0 0 0 .257-.611V8.432a.83.83 0 0 0-.257-.61.85.85 0 0 0-.618-.255.85.85 0 0 0-.618.254.83.83 0 0 0-.257.611zm3.372 0q0 .359.257.612.257.255.618.254.361 0 .618-.254a.83.83 0 0 0 .257-.611V8.432a.83.83 0 0 0-.257-.61.85.85 0 0 0-.619-.255.85.85 0 0 0-.617.254.83.83 0 0 0-.257.611z"
+  })));
+};
+
+export { SvgDelete as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/download.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgDownload = function SvgDownload(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M6.37 7.631a.82.82 0 0 1 .639-.265q.376.01.654.286l1.486 1.473v-5.76q0-.358.255-.611a.84.84 0 0 1 .616-.254q.36 0 .616.254a.83.83 0 0 1 .256.61v5.761l1.534-1.521a.8.8 0 0 1 .608-.25q.346.011.616.277.27.276.27.629a.86.86 0 0 1-.278.628l-2.947 2.922a.94.94 0 0 1-.695.287q-.187 0-.364-.067a.94.94 0 0 1-.331-.22L6.35 8.88a.83.83 0 0 1-.26-.616.88.88 0 0 1 .28-.633M2.5 10.872q0-.357.256-.61a.84.84 0 0 1 .616-.254q.36 0 .615.253.256.255.256.611v4.652q0 .093.078.17a.24.24 0 0 0 .172.077h11.014a.24.24 0 0 0 .172-.077.24.24 0 0 0 .078-.17v-4.652q0-.357.255-.61a.84.84 0 0 1 .616-.254q.36 0 .616.253.256.255.256.611v4.652a1.9 1.9 0 0 1-.578 1.403 1.93 1.93 0 0 1-1.415.573H4.493q-.837 0-1.415-.573a1.9 1.9 0 0 1-.578-1.403z"
+  })));
+};
+
+export { SvgDownload as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/edit.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgEdit = function SvgEdit(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M5.265 17q-.543 0-.904-.367a1.26 1.26 0 0 1-.361-.92q0-.546.364-.917.363-.37.9-.37h9.471q.543 0 .904.367.36.368.361.92 0 .547-.364.917-.363.37-.9.37zm.914-4.07a.704.704 0 0 1-.708-.72V10.83q0-.153.045-.273a.7.7 0 0 1 .158-.234L10.77 5.15l2.347 2.387-5.085 5.186a.7.7 0 0 1-.23.16.7.7 0 0 1-.27.047zm7.767-6.211L11.6 4.313l1.13-1.121A.57.57 0 0 1 13.153 3a.54.54 0 0 1 .42.192l1.494 1.52a.606.606 0 0 1 .01.856z"
+  })));
+};
+
+export { SvgEdit as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/login.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgLogin = function SvgLogin(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M7.631 13.63a.82.82 0 0 1-.265-.639.94.94 0 0 1 .286-.654l1.473-1.486h-5.76a.83.83 0 0 1-.611-.255.84.84 0 0 1-.254-.616q0-.36.254-.616a.83.83 0 0 1 .61-.256h5.761L7.604 7.574a.8.8 0 0 1-.25-.608.9.9 0 0 1 .277-.616.87.87 0 0 1 .629-.27q.353 0 .628.278l2.922 2.947a.94.94 0 0 1 .287.695q0 .187-.067.364a.94.94 0 0 1-.22.331L8.88 13.65a.83.83 0 0 1-.616.26.88.88 0 0 1-.633-.28m3.241 3.87a.83.83 0 0 1-.61-.256.84.84 0 0 1-.254-.616q0-.36.253-.616a.83.83 0 0 1 .611-.255h4.652a.24.24 0 0 0 .17-.078.24.24 0 0 0 .077-.172V4.493a.24.24 0 0 0-.077-.172.24.24 0 0 0-.17-.078h-4.652a.83.83 0 0 1-.61-.255.84.84 0 0 1-.254-.616q0-.36.253-.616a.83.83 0 0 1 .611-.256h4.652a1.9 1.9 0 0 1 1.403.578q.573.578.573 1.415v11.014q0 .838-.573 1.415a1.9 1.9 0 0 1-1.403.578z"
+  })));
+};
+
+export { SvgLogin as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/logout.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgLogout = function SvgLogout(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M12.912 13.63a.8.8 0 0 1-.273-.639.92.92 0 0 1 .293-.654l1.514-1.486h-5.92a.86.86 0 0 1-.627-.255.83.83 0 0 1-.26-.616q0-.36.26-.616a.86.86 0 0 1 .627-.256h5.92l-1.563-1.534a.8.8 0 0 1-.257-.608.88.88 0 0 1 .286-.616.897.897 0 0 1 1.292.008l3.002 2.947A.94.94 0 0 1 17.5 10q0 .187-.068.364a.94.94 0 0 1-.226.331l-3.01 2.955a.87.87 0 0 1-.63.256.9.9 0 0 1-.655-.276M4.53 17.5a1.98 1.98 0 0 1-1.442-.578 1.9 1.9 0 0 1-.589-1.415V4.493q0-.837.589-1.415A1.98 1.98 0 0 1 4.53 2.5h4.78q.367 0 .628.256.26.256.26.616t-.26.616a.86.86 0 0 1-.628.255h-4.78a.25.25 0 0 0-.175.078.24.24 0 0 0-.08.172v11.014q0 .094.08.172a.25.25 0 0 0 .175.078h4.78q.367 0 .628.255.26.256.26.616t-.26.616a.86.86 0 0 1-.628.256z"
+  })));
+};
+
+export { SvgLogout as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/mediaFile.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgMediaFile = function SvgMediaFile(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "m9.026 12.901 3.6-2.321a.66.66 0 0 0 .32-.581.65.65 0 0 0-.32-.579L9.026 7.1a.64.64 0 0 0-.7 0 .66.66 0 0 0-.346.6v4.603q0 .39.346.598a.64.64 0 0 0 .7.001m.98 5.099a7.8 7.8 0 0 1-3.11-.625 8.1 8.1 0 0 1-2.552-1.718 8.1 8.1 0 0 1-1.719-2.55A7.8 7.8 0 0 1 2 9.991q0-1.662.626-3.115a8.1 8.1 0 0 1 1.722-2.55A7.92 7.92 0 0 1 10.008 2q1.662 0 3.115.615a7.95 7.95 0 0 1 4.262 4.265Q18 8.338 18 9.995a7.9 7.9 0 0 1-.614 3.109 7.9 7.9 0 0 1-1.712 2.547 8.1 8.1 0 0 1-2.553 1.723 7.8 7.8 0 0 1-3.114.626"
+  })));
+};
+
+export { SvgMediaFile as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/minus.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgMinus = function SvgMinus(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M4.902 11a.83.83 0 0 1-.637-.294A1.02 1.02 0 0 1 4 10q0-.413.265-.707A.83.83 0 0 1 4.902 9h10.196q.372 0 .637.294Q16 9.587 16 10t-.265.707a.83.83 0 0 1-.637.293z"
+  })));
+};
+
+export { SvgMinus as default };

package/dist/vanilla/src/components/Icon/assets/basicActions/plus.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPlus = function SvgPlus(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6265AD",
+    d: "M10 16a.87.87 0 0 1-.64-.266.87.87 0 0 1-.265-.64v-4.189h-4.19a.87.87 0 0 1-.64-.266A.87.87 0 0 1 4 10q0-.373.266-.639a.87.87 0 0 1 .64-.265h4.189v-4.19q0-.373.266-.64A.87.87 0 0 1 10 4q.373 0 .639.266.265.265.265.64v4.189h4.19q.373 0 .64.266.264.265.265.64 0 .373-.266.639a.87.87 0 0 1-.64.265h-4.189v4.19q0 .373-.266.64A.87.87 0 0 1 10 16"
+  })));
+};
+
+export { SvgPlus as default };