@dreamcommerce/aurora 3.0.0-8 → 3.0.0-81

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js

@@ -0,0 +1,194 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Loader } from '../loader/loader.js';
+import { useModalsContext } from '../modal/hooks/use_modals_context.js';
+import { Modal } from '../modal/components/modal/modal.js';
+import { FileUtils } from '@dreamcommerce/utilities';
+import { IMAGE_PICKER_EXTENSIONS } from '../image_picker/image_picker_constants.js';
+import { ImagePicker } from '../image_picker/image_picker.js';
+import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
+import { useHttpApi } from '../../hooks/use_http_api.js';
+import { ImageEditLineIcon } from '../../assets/icons/image_edit_icon.js';
+
+var XhrImagePicker = function XhrImagePicker(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    name = _ref.name,
+    onUploaded = _ref.onUploaded,
+    initialFile = _ref.initialFile,
+    errors = _ref.errors,
+    onError = _ref.onError,
+    onChange = _ref.onChange,
+    onImageSizeUpdated = _ref.onImageSizeUpdated,
+    _ref$allowedExtension = _ref.allowedExtensions,
+    allowedExtensions = _ref$allowedExtension === void 0 ? [IMAGE_PICKER_EXTENSIONS.WEBP, IMAGE_PICKER_EXTENSIONS.JPG, IMAGE_PICKER_EXTENSIONS.PNG, IMAGE_PICKER_EXTENSIONS.GIF, IMAGE_PICKER_EXTENSIONS.SVG, IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
+    ImageEditor = _ref.ImageEditor;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var httpApi = useHttpApi();
+  var pendingRequestRef = React.useRef();
+  var initialImageFile = useRef();
+  var _useModalsContext = useModalsContext(),
+    showModal = _useModalsContext.showModal,
+    hideModal = _useModalsContext.hideModal;
+  var modalId = "image-picker-editor-".concat(id);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialImage = _useState2[0],
+    setInitialImage = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    image = _useState4[0],
+    setImage = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    imageEditorSrc = _useState6[0],
+    setImageEditorSrc = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    imageEditorResult = _useState8[0],
+    setImageEditorResult = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isLoading = _useState10[0],
+    setIsLoading = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    imageExtenstion = _useState12[0],
+    setImageExtenstion = _useState12[1];
+  var handleControlChange = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
+            fileList && setImage(fileList[0]);
+            onChange === null || onChange === void 0 ? void 0 : onChange({
+              fileList: fileList,
+              fileAsDataUrl: fileAsDataUrl
+            });
+            if (!(!fileList || !fileList.length)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            if (pendingRequestRef.current) {
+              pendingRequestRef.current();
+              pendingRequestRef.current = undefined;
+            }
+            setIsLoading(true);
+            _httpApi$fetch = httpApi.fetch({
+              url: url,
+              method: REQUEST_TYPES.post,
+              data: fileList[0]
+            }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
+            pendingRequestRef.current = cancelRequest;
+            _context.next = 11;
+            return response.finally(function () {
+              return setIsLoading(false);
+            });
+          case 11:
+            responseObject = _context.sent;
+            onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
+              fileList: fileList,
+              dataUrl: fileAsDataUrl,
+              imageId: responseObject.data.imageId
+            });
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleControlChange(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (initialFile) {
+      setImageExtenstion(FileUtils.getFileExtension(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileName));
+      initialImageFile.current = initialFile;
+      var setFileFromUrl = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
+          var response, data, file;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return fetch(fileData.fileUrl);
+              case 2:
+                response = _context2.sent;
+                _context2.next = 5;
+                return response.blob();
+              case 5:
+                data = _context2.sent;
+                file = new File([data], fileData.fileName);
+                setInitialImage(file);
+              case 8:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function setFileFromUrl(_x2) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      if (!initialImageFile.current) return;
+      setFileFromUrl(initialImageFile.current);
+    }
+  }, []);
+  useEffect(function () {
+    image && setImageExtenstion(FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
+    return function () {
+      var _pendingRequestRef$cu;
+      return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
+    };
+  }, [image]);
+  useEffect(function () {
+    var src = image !== null && image !== void 0 ? image : initialImage;
+    setImageEditorSrc(src !== null && src !== void 0 ? src : '');
+  }, [image, initialImage, isLoading]);
+  var renderImageEditor = function renderImageEditor(defaultProps) {
+    return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImagePicker, {
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: onError,
+    errors: errors,
+    allowedExtensions: allowedExtensions,
+    initialFile: initialImageFile.current,
+    onImageSizeUpdated: onImageSizeUpdated,
+    topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React.createElement("button", {
+      onClick: function onClick() {
+        return showModal(modalId);
+      },
+      type: "button",
+      className: " aurora-absolute aurora-top-2 aurora-right-2 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg"
+    }, /*#__PURE__*/React.createElement(ImageEditLineIcon, {
+      className: "aurora-w-4 aurora-h-4 aurora-fill"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "aurora-text-xs aurora-text aurora-font-semibold"
+    }, "".concat(t('Edit'))))),
+    editedImageResult: imageEditorResult
+  }), isLoading && (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, null), /*#__PURE__*/React.createElement("span", null, "".concat(t('Transfering file...')))))), !!ImageEditor && (/*#__PURE__*/React.createElement(Modal, {
+    name: modalId,
+    header: t('Edit image'),
+    width: "l"
+  }, renderImageEditor({
+    src: imageEditorSrc,
+    onEditionDone: function onEditionDone(result) {
+      hideModal(modalId);
+      setImageEditorResult(result);
+    }
+  }))));
+};
+
+export { XhrImagePicker };
+//# sourceMappingURL=xhr_image_picker.js.map

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IImagePicker } from "../image_picker/image_picker_types";
+export interface IXhrImagePickerProps extends Omit<IImagePicker, 'topButtons'> {
+    url: string;
+    onUploaded?: (data: TUploadedImageData) => void;
+    onUploadError?: Function;
+    ImageEditor?: React.FunctionComponent<IImageEditorProps>;
+}
+export interface IImageEditorProps {
+    src?: File | string;
+    onEditionDone?: (result: File | undefined) => void;
+}
+export declare type TUploadedImageData = {
+    fileList: FileList;
+    dataUrl: string | ArrayBuffer | null | undefined;
+    imageId: string;
+};

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.js

@@ -0,0 +1,2 @@
+import '@auroraComponents/image_picker/image_picker_types';
+//# sourceMappingURL=xhr_image_picker_types.js.map

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_image_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/xhr_image_picker/xhr_image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA6B,mDAAmD,CAAC"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_background_tokens.js

@@ -1,46 +1,48 @@
-export const CSS_BACKGROUND_TOKENS = {
-    hover: 'hover',
-    active: 'active',
-    subtle: 'subtle',
-    transparent: 'transparent',
-    transparentHover: 'transparent-hover',
-    transparentActive: 'transparent-active',
-    transparentSubtle: 'transparent-subtle',
-    inverse: 'inverse',
-    inverseHover: 'inverse-hover',
-    inverseActive: 'inverse-active',
-    inverseSubtle: 'inverse-subtle',
-    highlighted: 'highlighted',
-    primary: 'primary',
-    primaryHover: 'primary-hover',
-    primaryActive: 'primary-active',
-    primaryDark: 'primary-dark',
-    primaryTransparent: 'primary-transparent',
-    primaryTransparentHover: 'primary-transparent-hover',
-    primaryTransparentActive: 'primary-transparent-active',
-    successSubtle: 'success-subtle',
-    successSubtleHover: 'success-subtle-hover',
-    successSubtleActive: 'success-subtle-active',
-    success: 'success',
-    successHover: 'success-hover',
-    successActive: 'success-active',
-    dangerSubtle: 'danger-subtle',
-    dangerSubtleHover: 'danger-subtle-hover',
-    dangerSubtleActive: 'danger-subtle-active',
-    danger: 'danger',
-    dangerHover: 'danger-hover',
-    dangerActive: 'danger-active',
-    warningSubtle: 'warning-subtle',
-    warningSubtleHover: 'warning-subtle-hover',
-    warningSubtleActive: 'warning-subtle-active',
-    warning: 'warning',
-    warningHover: 'warning-hover',
-    warningActive: 'warning-active',
-    infoSubtle: 'info-subtle',
-    infoSubtleHover: 'info-subtle-hover',
-    infoSubtleActive: 'info-subtle-active',
-    info: 'info',
-    infoHover: 'info-hover',
-    infoActive: 'info-active'
+var CSS_BACKGROUND_TOKENS = {
+  hover: 'hover',
+  active: 'active',
+  subtle: 'subtle',
+  transparent: 'transparent',
+  transparentHover: 'transparent-hover',
+  transparentActive: 'transparent-active',
+  transparentSubtle: 'transparent-subtle',
+  inverse: 'inverse',
+  inverseHover: 'inverse-hover',
+  inverseActive: 'inverse-active',
+  inverseSubtle: 'inverse-subtle',
+  highlighted: 'highlighted',
+  primary: 'primary',
+  primaryHover: 'primary-hover',
+  primaryActive: 'primary-active',
+  primaryDark: 'primary-dark',
+  primaryTransparent: 'primary-transparent',
+  primaryTransparentHover: 'primary-transparent-hover',
+  primaryTransparentActive: 'primary-transparent-active',
+  successSubtle: 'success-subtle',
+  successSubtleHover: 'success-subtle-hover',
+  successSubtleActive: 'success-subtle-active',
+  success: 'success',
+  successHover: 'success-hover',
+  successActive: 'success-active',
+  dangerSubtle: 'danger-subtle',
+  dangerSubtleHover: 'danger-subtle-hover',
+  dangerSubtleActive: 'danger-subtle-active',
+  danger: 'danger',
+  dangerHover: 'danger-hover',
+  dangerActive: 'danger-active',
+  warningSubtle: 'warning-subtle',
+  warningSubtleHover: 'warning-subtle-hover',
+  warningSubtleActive: 'warning-subtle-active',
+  warning: 'warning',
+  warningHover: 'warning-hover',
+  warningActive: 'warning-active',
+  infoSubtle: 'info-subtle',
+  infoSubtleHover: 'info-subtle-hover',
+  infoSubtleActive: 'info-subtle-active',
+  info: 'info',
+  infoHover: 'info-hover',
+  infoActive: 'info-active'
 };
-//# sourceMappingURL=css_background_tokens.js.map
+
+export { CSS_BACKGROUND_TOKENS };
+//# sourceMappingURL=css_background_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_background_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_background_tokens.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_background_tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,aAAa;IAC1B,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,oBAAoB;IACvC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,aAAa,EAAE,gBAAgB;IAC/B,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,WAAW,EAAE,cAAc;IAC3B,kBAAkB,EAAE,qBAAqB;IACzC,uBAAuB,EAAE,2BAA2B;IACpD,wBAAwB,EAAE,4BAA4B;IACtD,aAAa,EAAE,gBAAgB;IAC/B,kBAAkB,EAAE,sBAAsB;IAC1C,mBAAmB,EAAE,uBAAuB;IAC5C,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,YAAY,EAAE,eAAe;IAC7B,iBAAiB,EAAE,qBAAqB;IACxC,kBAAkB,EAAE,sBAAsB;IAC1C,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,kBAAkB,EAAE,sBAAsB;IAC1C,mBAAmB,EAAE,uBAAuB;IAC5C,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,UAAU,EAAE,aAAa;IACzB,eAAe,EAAE,mBAAmB;IACpC,gBAAgB,EAAE,oBAAoB;IACtC,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,aAAa;CACnB,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_color_tokens.d.ts

@@ -14,5 +14,6 @@ export declare const CSS_BORDER_COLOR_TOKENS: {
     readonly info: "info";
     readonly success: "success";
     readonly primary: "primary";
+    readonly primaryHover: "primary-hover";
     readonly transparent: "transparent";
 };

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_color_tokens.js

@@ -14,6 +14,7 @@ var CSS_BORDER_COLOR_TOKENS = {
   info: 'info',
   success: 'success',
   primary: 'primary',
+  primaryHover: 'primary-hover',
   transparent: 'transparent'
 };
 

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_color_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_radius_tokens.js

@@ -1,29 +1,31 @@
-export const CSS_BORDER_RADIUS_TOKENS = {
-    0: '0',
-    2: '2',
-    4: '4',
-    6: '6',
-    8: '8',
-    12: '12',
-    16: '16',
-    24: '24',
-    40: '40',
-    full: 'full'
+var CSS_BORDER_RADIUS_TOKENS = {
+  0: '0',
+  2: '2',
+  4: '4',
+  6: '6',
+  8: '8',
+  12: '12',
+  16: '16',
+  24: '24',
+  40: '40',
+  full: 'full'
 };
-export const CSS_BORDER_RADIUS_SIDE_TOKENS = {
-    t: 't',
-    r: 'r',
-    b: 'b',
-    l: 'l',
-    tl: 'tl',
-    tr: 'tr',
-    br: 'br',
-    bl: 'bl',
-    s: 's',
-    e: 'e',
-    ee: 'ee',
-    es: 'es',
-    se: 'se',
-    ss: 'ss'
+var CSS_BORDER_RADIUS_SIDE_TOKENS = {
+  t: 't',
+  r: 'r',
+  b: 'b',
+  l: 'l',
+  tl: 'tl',
+  tr: 'tr',
+  br: 'br',
+  bl: 'bl',
+  s: 's',
+  e: 'e',
+  ee: 'ee',
+  es: 'es',
+  se: 'se',
+  ss: 'ss'
 };
-//# sourceMappingURL=css_border_radius_tokens.js.map
+
+export { CSS_BORDER_RADIUS_SIDE_TOKENS, CSS_BORDER_RADIUS_TOKENS };
+//# sourceMappingURL=css_border_radius_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_radius_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_border_radius_tokens.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_border_radius_tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,6BAA6B,GAAG;IACzC,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACF,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_style_tokens.js

@@ -1,8 +1,10 @@
-export const CSS_BORDER_STYLE_TOKENS = {
-    solid: 'solid',
-    dashed: 'dashed',
-    dotted: 'dotted',
-    double: 'double',
-    none: 'none'
+var CSS_BORDER_STYLE_TOKENS = {
+  solid: 'solid',
+  dashed: 'dashed',
+  dotted: 'dotted',
+  double: 'double',
+  none: 'none'
 };
-//# sourceMappingURL=css_border_style_tokens.js.map
+
+export { CSS_BORDER_STYLE_TOKENS };
+//# sourceMappingURL=css_border_style_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_style_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_border_style_tokens.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_border_style_tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACN,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_width_tokens.js

@@ -5,6 +5,14 @@ var CSS_BORDER_WIDTH_TOKENS = {
   4: '4',
   8: '8'
 };
+var CSS_BORDER_WIDTH_SIDE_TOKENS = {
+  t: 't',
+  r: 'r',
+  b: 'b',
+  l: 'l',
+  x: 'x',
+  y: 'y'
+};
 
-export { CSS_BORDER_WIDTH_TOKENS };
+export { CSS_BORDER_WIDTH_SIDE_TOKENS, CSS_BORDER_WIDTH_TOKENS };
 //# sourceMappingURL=css_border_width_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_width_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_box_shadow_tokens.js

@@ -1,10 +1,12 @@
-export const CSS_BOX_SHADOW_TOKENS = {
-    s: 's',
-    m: 'm',
-    l: 'l',
-    xl: 'xl',
-    's-inverse': 's-inverse',
-    'm-inverse': 'm-inverse',
-    'l-inverse': 'l-inverse'
+var CSS_BOX_SHADOW_TOKENS = {
+  s: 's',
+  m: 'm',
+  l: 'l',
+  xl: 'xl',
+  's-inverse': 's-inverse',
+  'm-inverse': 'm-inverse',
+  'l-inverse': 'l-inverse'
 };
-//# sourceMappingURL=css_box_shadow_tokens.js.map
+
+export { CSS_BOX_SHADOW_TOKENS };
+//# sourceMappingURL=css_box_shadow_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_box_shadow_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_box_shadow_tokens.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_box_shadow_tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,IAAI;IACR,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;CAClB,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_font_size_tokens.d.ts

@@ -1,6 +1,6 @@
 export declare const CSS_FONT_SIZE_TOKENS: {
     readonly xs: "xs";
-    readonly sm: "sm";
+    readonly s: "s";
     readonly md: "md";
     readonly lg: "lg";
     readonly xl: "xl";

package/build/esm/packages/aurora/src/constants/css_tokens/css_font_size_tokens.js

@@ -1,13 +1,15 @@
-export const CSS_FONT_SIZE_TOKENS = {
-    xs: 'xs',
-    sm: 'sm',
-    md: 'md',
-    lg: 'lg',
-    xl: 'xl',
-    '2xl': '2xl',
-    '3xl': '3xl',
-    '4xl': '4xl',
-    '5xl': '5xl',
-    '6xl': '6xl'
+var CSS_FONT_SIZE_TOKENS = {
+  xs: 'xs',
+  s: 's',
+  md: 'md',
+  lg: 'lg',
+  xl: 'xl',
+  '2xl': '2xl',
+  '3xl': '3xl',
+  '4xl': '4xl',
+  '5xl': '5xl',
+  '6xl': '6xl'
 };
-//# sourceMappingURL=css_font_size_tokens.js.map
+
+export { CSS_FONT_SIZE_TOKENS };
+//# sourceMappingURL=css_font_size_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_font_size_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_font_size_tokens.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_font_size_tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;CACN,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_font_weight_tokens.js

@@ -1,8 +1,10 @@
-export const CSS_FONT_WEIGHT_TOKENS = {
-    normal: 'normal',
-    medium: 'medium',
-    semibold: 'semibold',
-    bold: 'bold',
-    extrabold: 'extrabold'
+var CSS_FONT_WEIGHT_TOKENS = {
+  normal: 'normal',
+  medium: 'medium',
+  semibold: 'semibold',
+  bold: 'bold',
+  extrabold: 'extrabold'
 };
-//# sourceMappingURL=css_font_weight_tokens.js.map
+
+export { CSS_FONT_WEIGHT_TOKENS };
+//# sourceMappingURL=css_font_weight_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_font_weight_tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_font_weight_tokens.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_font_weight_tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;CAChB,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_icon_color_tokens.d.ts

@@ -0,0 +1,36 @@
+export declare const CSS_ICON_COLOR_TOKENS: {
+    readonly base: "base";
+    readonly subtle: "subtle";
+    readonly disabled: "disabled";
+    readonly inverse: "inverse";
+    readonly inverseSubtle: "inverse-subtle";
+    readonly inverseDisabled: "inverse-disabled";
+    readonly primary: "primary";
+    readonly primaryStrong: "primary-strong";
+    readonly success: "success";
+    readonly successStrong: "success-strong";
+    readonly danger: "danger";
+    readonly dangerStrong: "danger-strong";
+    readonly warning: "warning";
+    readonly warningStrong: "warning-strong";
+    readonly info: "info";
+    readonly infoStrong: "info-strong";
+};
+export declare const CSS_ICON_COLOR_TOKENS_VALUES: {
+    readonly base: "#03081C";
+    readonly subtle: "#9799A2";
+    readonly disabled: "#E6E7EB";
+    readonly inverse: "#FFFFFF";
+    readonly inverseSubtle: "#FFFFFF33";
+    readonly inverseDisabled: "#484950";
+    readonly primary: "#002FFF";
+    readonly primaryStrong: "#02047A";
+    readonly success: "#24B26F";
+    readonly successStrong: "#147346";
+    readonly danger: "#E23F46";
+    readonly dangerStrong: "#731418";
+    readonly warning: "#F2C533";
+    readonly warningStrong: "#735D14";
+    readonly info: "#33A2F2";
+    readonly infoStrong: "#185480";
+};

package/build/esm/packages/aurora/src/constants/css_tokens/css_icon_color_tokens.js

@@ -0,0 +1,23 @@
+import { CSS_COLOR_TOKENS_VALUES } from './css_color_tokens_values.js';
+
+var CSS_ICON_COLOR_TOKENS_VALUES = {
+  base: CSS_COLOR_TOKENS_VALUES.neutral900,
+  subtle: CSS_COLOR_TOKENS_VALUES.neutral600,
+  disabled: CSS_COLOR_TOKENS_VALUES.neutral200,
+  inverse: CSS_COLOR_TOKENS_VALUES.neutral0,
+  inverseSubtle: CSS_COLOR_TOKENS_VALUES.lightTransparent20,
+  inverseDisabled: CSS_COLOR_TOKENS_VALUES.neutral800,
+  primary: CSS_COLOR_TOKENS_VALUES.brand500,
+  primaryStrong: CSS_COLOR_TOKENS_VALUES.brand800,
+  success: CSS_COLOR_TOKENS_VALUES.green500,
+  successStrong: CSS_COLOR_TOKENS_VALUES.green700,
+  danger: CSS_COLOR_TOKENS_VALUES.red500,
+  dangerStrong: CSS_COLOR_TOKENS_VALUES.red700,
+  warning: CSS_COLOR_TOKENS_VALUES.yellow500,
+  warningStrong: CSS_COLOR_TOKENS_VALUES.yellow700,
+  info: CSS_COLOR_TOKENS_VALUES.blue500,
+  infoStrong: CSS_COLOR_TOKENS_VALUES.blue700
+};
+
+export { CSS_ICON_COLOR_TOKENS_VALUES };
+//# sourceMappingURL=css_icon_color_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_icon_color_tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_line_height_tokens.d.ts

@@ -0,0 +1,12 @@
+export declare const CSS_LINE_HEIGHT_TOKENS: {
+    readonly xs: "xs";
+    readonly s: "s";
+    readonly md: "md";
+    readonly lg: "lg";
+    readonly xl: "xl";
+    readonly '2xl': "2xl";
+    readonly '3xl': "3xl";
+    readonly '4xl': "4xl";
+    readonly '5xl': "5xl";
+    readonly '6xl': "6xl";
+};