@dreamcommerce/aurora 3.0.0-3 → 3.0.0-300

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

@@ -0,0 +1,204 @@
+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 { IMAGE_PICKER_EXTENSIONS } from '../image_picker/image_picker_constants.js';
+import { FileUtils } from '@dreamcommerce/utilities';
+import { ImagePicker } from '../image_picker/image_picker.js';
+import { ImageEditLineIcon } from '../../assets/icons/image_edit_icon.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';
+
+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,
+    allowedExtensionsLabel = _ref.allowedExtensionsLabel,
+    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", {
+    className: "aurora-relative"
+  }, isLoading && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-absolute aurora-z-30 aurora-h-full aurora-w-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-bg aurora-h-full aurora-w-full aurora-border aurora-border-dashed aurora-rounded-8 aurora-flex aurora-flex-col aurora-items-center aurora-justify-center"
+  }, /*#__PURE__*/React.createElement(Loader, null), /*#__PURE__*/React.createElement("span", {
+    className: "aurora-text-subtle-light aurora-text-xs aurora-pt-2"
+  }, "".concat(t('Transfering file...')))))), /*#__PURE__*/React.createElement(ImagePicker, {
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: onError,
+    errors: errors,
+    allowedExtensions: allowedExtensions,
+    allowedExtensionsLabel: allowedExtensionsLabel,
+    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-z-10 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
+  })), !!ImageEditor && (/*#__PURE__*/React.createElement(Modal, {
+    name: modalId,
+    header: /*#__PURE__*/React.createElement(React.Fragment, null, 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;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.d.ts

@@ -0,0 +1,46 @@
+export declare const CSS_BACKGROUND_TOKENS: {
+    readonly hover: "hover";
+    readonly active: "active";
+    readonly subtle: "subtle";
+    readonly subtleStrong: "subtle-strong";
+    readonly transparent: "transparent";
+    readonly transparentHover: "transparent-hover";
+    readonly transparentActive: "transparent-active";
+    readonly transparentSubtle: "transparent-subtle";
+    readonly inverse: "inverse";
+    readonly inverseHover: "inverse-hover";
+    readonly inverseActive: "inverse-active";
+    readonly inverseSubtle: "inverse-subtle";
+    readonly highlighted: "highlighted";
+    readonly primary: "primary";
+    readonly primaryHover: "primary-hover";
+    readonly primaryActive: "primary-active";
+    readonly primaryDark: "primary-dark";
+    readonly primaryTransparent: "primary-transparent";
+    readonly primaryTransparentHover: "primary-transparent-hover";
+    readonly primaryTransparentActive: "primary-transparent-active";
+    readonly successSubtle: "success-subtle";
+    readonly successSubtleHover: "success-subtle-hover";
+    readonly successSubtleActive: "success-subtle-active";
+    readonly success: "success";
+    readonly successHover: "success-hover";
+    readonly successActive: "success-active";
+    readonly dangerSubtle: "danger-subtle";
+    readonly dangerSubtleHover: "danger-subtle-hover";
+    readonly dangerSubtleActive: "danger-subtle-active";
+    readonly danger: "danger";
+    readonly dangerHover: "danger-hover";
+    readonly dangerActive: "danger-active";
+    readonly warningSubtle: "warning-subtle";
+    readonly warningSubtleHover: "warning-subtle-hover";
+    readonly warningSubtleActive: "warning-subtle-active";
+    readonly warning: "warning";
+    readonly warningHover: "warning-hover";
+    readonly warningActive: "warning-active";
+    readonly infoSubtle: "info-subtle";
+    readonly infoSubtleHover: "info-subtle-hover";
+    readonly infoSubtleActive: "info-subtle-active";
+    readonly info: "info";
+    readonly infoHover: "info-hover";
+    readonly infoActive: "info-active";
+};

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

@@ -0,0 +1,49 @@
+var CSS_BACKGROUND_TOKENS = {
+  hover: 'hover',
+  active: 'active',
+  subtle: 'subtle',
+  subtleStrong: 'subtle-strong',
+  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'
+};
+
+export { CSS_BACKGROUND_TOKENS };
+//# sourceMappingURL=css_background_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_background_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;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

@@ -0,0 +1,20 @@
+export declare const CSS_BORDER_COLOR_TOKENS: {
+    readonly subtle: "subtle";
+    readonly strong: "strong";
+    readonly extraStrong: "extraStrong";
+    readonly active: "active";
+    readonly inverse: "inverse";
+    readonly inverseSubtle: "inverse-subtle";
+    readonly inverseStrong: "inverse-strong";
+    readonly inverseActive: "inverse-active";
+    readonly danger: "danger";
+    readonly dangerHover: "danger-hover";
+    readonly dangerActive: "danger-active";
+    readonly dangerStrong: "danger-strong";
+    readonly focus: "focus";
+    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

@@ -0,0 +1,23 @@
+var CSS_BORDER_COLOR_TOKENS = {
+  subtle: 'subtle',
+  strong: 'strong',
+  extraStrong: 'extraStrong',
+  active: 'active',
+  inverse: 'inverse',
+  inverseSubtle: 'inverse-subtle',
+  inverseStrong: 'inverse-strong',
+  inverseActive: 'inverse-active',
+  danger: 'danger',
+  dangerHover: 'danger-hover',
+  dangerActive: 'danger-active',
+  dangerStrong: 'danger-strong',
+  focus: 'focus',
+  info: 'info',
+  success: 'success',
+  primary: 'primary',
+  primaryHover: 'primary-hover',
+  transparent: 'transparent'
+};
+
+export { CSS_BORDER_COLOR_TOKENS };
+//# sourceMappingURL=css_border_color_tokens.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_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_border_radius_tokens.d.ts

@@ -0,0 +1,28 @@
+export declare const CSS_BORDER_RADIUS_TOKENS: {
+    readonly 0: "0";
+    readonly 2: "2";
+    readonly 4: "4";
+    readonly 6: "6";
+    readonly 8: "8";
+    readonly 12: "12";
+    readonly 16: "16";
+    readonly 24: "24";
+    readonly 40: "40";
+    readonly full: "full";
+};
+export declare const CSS_BORDER_RADIUS_SIDE_TOKENS: {
+    readonly t: "t";
+    readonly r: "r";
+    readonly b: "b";
+    readonly l: "l";
+    readonly tl: "tl";
+    readonly tr: "tr";
+    readonly br: "br";
+    readonly bl: "bl";
+    readonly s: "s";
+    readonly e: "e";
+    readonly ee: "ee";
+    readonly es: "es";
+    readonly se: "se";
+    readonly ss: "ss";
+};

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

@@ -0,0 +1,31 @@
+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'
+};
+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'
+};
+
+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

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,7 @@
+export declare const CSS_BORDER_STYLE_TOKENS: {
+    readonly solid: "solid";
+    readonly dashed: "dashed";
+    readonly dotted: "dotted";
+    readonly double: "double";
+    readonly none: "none";
+};

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

@@ -0,0 +1,10 @@
+var CSS_BORDER_STYLE_TOKENS = {
+  solid: 'solid',
+  dashed: 'dashed',
+  dotted: 'dotted',
+  double: 'double',
+  none: 'none'
+};
+
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,15 @@
+export declare const CSS_BORDER_WIDTH_TOKENS: {
+    readonly 0: "0";
+    readonly 1: "1";
+    readonly 2: "2";
+    readonly 4: "4";
+    readonly 8: "8";
+};
+export declare const CSS_BORDER_WIDTH_SIDE_TOKENS: {
+    readonly t: "t";
+    readonly r: "r";
+    readonly b: "b";
+    readonly l: "l";
+    readonly x: "x";
+    readonly y: "y";
+};

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

@@ -0,0 +1,18 @@
+var CSS_BORDER_WIDTH_TOKENS = {
+  0: '0',
+  1: '1',
+  2: '2',
+  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_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

@@ -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;"}

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

@@ -0,0 +1,9 @@
+export declare const CSS_BOX_SHADOW_TOKENS: {
+    readonly s: "s";
+    readonly m: "m";
+    readonly l: "l";
+    readonly xl: "xl";
+    readonly 's-inverse': "s-inverse";
+    readonly 'm-inverse': "m-inverse";
+    readonly 'l-inverse': "l-inverse";
+};

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

@@ -0,0 +1,12 @@
+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'
+};
+
+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

@@ -0,0 +1 @@
+{"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_color_tokens_values.d.ts

@@ -0,0 +1,59 @@
+export declare const CSS_COLOR_TOKENS_VALUES: {
+    readonly brand50: "#F0F6FF";
+    readonly brand500: "#002FFF";
+    readonly brand700: "#0925A1";
+    readonly brand800: "#02047A";
+    readonly brand900: "#000A38";
+    readonly brandHelpful500: "#FFEA00";
+    readonly neutral0: "#FFFFFF";
+    readonly neutral50: "#F5F6FA";
+    readonly neutral100: "#F0F1F5";
+    readonly neutral200: "#E6E7EB";
+    readonly neutral500: "#CBCDD1";
+    readonly neutral600: "#9799A2";
+    readonly neutral700: "#72747E";
+    readonly neutral800: "#484950";
+    readonly neutral900: "#03081C";
+    readonly green50: "#EBFAF3";
+    readonly green100: "#CEEBDD";
+    readonly green300: "#A7D1BD";
+    readonly green500: "#24B26F";
+    readonly green600: "#1E9C61";
+    readonly green700: "#147346";
+    readonly green900: "#054024";
+    readonly red50: "#FAEBEC";
+    readonly red100: "#EBCED0";
+    readonly red300: "#D1A7A9";
+    readonly red500: "#E23F46";
+    readonly red600: "#9C1E24";
+    readonly red700: "#731418";
+    readonly red900: "#400508";
+    readonly yellow50: "#FAF6EB";
+    readonly yellow100: "#EBE4CE";
+    readonly yellow300: "#D1C7A7";
+    readonly yellow500: "#F2C533";
+    readonly yellow600: "#9C7F1E";
+    readonly yellow700: "#735D14";
+    readonly yellow900: "#403205";
+    readonly blue50: "#EBF4FA";
+    readonly blue100: "#CEDFEB";
+    readonly blue300: "#A7C0D1";
+    readonly blue500: "#33A2F2";
+    readonly blue600: "#1E689C";
+    readonly blue700: "#185480";
+    readonly blue900: "#052740";
+    readonly lightTransparent5: "#FFFFFF0D";
+    readonly lightTransparent10: "#FFFFFF1A";
+    readonly lightTransparent15: "#FFFFFF26";
+    readonly lightTransparent20: "#FFFFFF33";
+    readonly lightTransparent50: "#FFFFFF80";
+    readonly lightTransparent70: "#FFFFFFB2";
+    readonly darkTransparent5: "#03081C0D";
+    readonly darkTransparent10: "#03081C1A";
+    readonly darkTransparent15: "#03081C26";
+    readonly darkTransparent20: "#03081C33";
+    readonly darkTransparent70: "#03081CB2";
+    readonly brandTransparent10: "#002FFF1A";
+    readonly brandTransparent20: "#002FFF33";
+    readonly brandTransparent50: "#002FFF80";
+};

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

@@ -0,0 +1,62 @@
+var CSS_COLOR_TOKENS_VALUES = {
+  brand50: '#F0F6FF',
+  brand500: '#002FFF',
+  brand700: '#0925A1',
+  brand800: '#02047A',
+  brand900: '#000A38',
+  brandHelpful500: '#FFEA00',
+  neutral0: '#FFFFFF',
+  neutral50: '#F5F6FA',
+  neutral100: '#F0F1F5',
+  neutral200: '#E6E7EB',
+  neutral500: '#CBCDD1',
+  neutral600: '#9799A2',
+  neutral700: '#72747E',
+  neutral800: '#484950',
+  neutral900: '#03081C',
+  green50: '#EBFAF3',
+  green100: '#CEEBDD',
+  green300: '#A7D1BD',
+  green500: '#24B26F',
+  green600: '#1E9C61',
+  green700: '#147346',
+  green900: '#054024',
+  red50: '#FAEBEC',
+  red100: '#EBCED0',
+  red300: '#D1A7A9',
+  red500: '#E23F46',
+  red600: '#9C1E24',
+  red700: '#731418',
+  red900: '#400508',
+  yellow50: '#FAF6EB',
+  yellow100: '#EBE4CE',
+  yellow300: '#D1C7A7',
+  yellow500: '#F2C533',
+  yellow600: '#9C7F1E',
+  yellow700: '#735D14',
+  yellow900: '#403205',
+  blue50: '#EBF4FA',
+  blue100: '#CEDFEB',
+  blue300: '#A7C0D1',
+  blue500: '#33A2F2',
+  blue600: '#1E689C',
+  blue700: '#185480',
+  blue900: '#052740',
+  lightTransparent5: '#FFFFFF0D',
+  lightTransparent10: '#FFFFFF1A',
+  lightTransparent15: '#FFFFFF26',
+  lightTransparent20: '#FFFFFF33',
+  lightTransparent50: '#FFFFFF80',
+  lightTransparent70: '#FFFFFFB2',
+  darkTransparent5: '#03081C0D',
+  darkTransparent10: '#03081C1A',
+  darkTransparent15: '#03081C26',
+  darkTransparent20: '#03081C33',
+  darkTransparent70: '#03081CB2',
+  brandTransparent10: '#002FFF1A',
+  brandTransparent20: '#002FFF33',
+  brandTransparent50: '#002FFF80'
+};
+
+export { CSS_COLOR_TOKENS_VALUES };
+//# sourceMappingURL=css_color_tokens_values.js.map