@dreamcommerce/aurora 3.0.0-9 → 3.0.0-90

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

@@ -0,0 +1,202 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var loader = require('../loader/loader.js');
+var use_modals_context = require('../modal/hooks/use_modals_context.js');
+var modal = require('../modal/components/modal/modal.js');
+var utilities = require('@dreamcommerce/utilities');
+var image_picker_constants = require('../image_picker/image_picker_constants.js');
+var image_picker = require('../image_picker/image_picker.js');
+var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
+var use_http_api = require('../../hooks/use_http_api.js');
+var image_edit_icon = require('../../assets/icons/image_edit_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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_constants.IMAGE_PICKER_EXTENSIONS.WEBP, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.PNG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.GIF, image_picker_constants.IMAGE_PICKER_EXTENSIONS.SVG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
+    ImageEditor = _ref.ImageEditor;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var httpApi = use_http_api.useHttpApi();
+  var pendingRequestRef = React__default['default'].useRef();
+  var initialImageFile = React.useRef();
+  var _useModalsContext = use_modals_context.useModalsContext(),
+    showModal = _useModalsContext.showModal,
+    hideModal = _useModalsContext.hideModal;
+  var modalId = "image-picker-editor-".concat(id);
+  var _useState = React.useState(),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    initialImage = _useState2[0],
+    setInitialImage = _useState2[1];
+  var _useState3 = React.useState(),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    image = _useState4[0],
+    setImage = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    imageEditorSrc = _useState6[0],
+    setImageEditorSrc = _useState6[1];
+  var _useState7 = React.useState(),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    imageEditorResult = _useState8[0],
+    setImageEditorResult = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    isLoading = _useState10[0],
+    setIsLoading = _useState10[1];
+  var _useState11 = React.useState(),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+    imageExtenstion = _useState12[0],
+    setImageExtenstion = _useState12[1];
+  var handleControlChange = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
+      return _rollupPluginBabelHelpers.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: http_requester_contants.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);
+    };
+  }();
+  React.useEffect(function () {
+    if (initialFile) {
+      setImageExtenstion(utilities.FileUtils.getFileExtension(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileName));
+      initialImageFile.current = initialFile;
+      var setFileFromUrl = /*#__PURE__*/function () {
+        var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
+          var response, data, file;
+          return _rollupPluginBabelHelpers.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);
+    }
+  }, []);
+  React.useEffect(function () {
+    image && setImageExtenstion(utilities.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]);
+  React.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__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps)))) : null;
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(image_picker.ImagePicker, {
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: onError,
+    errors: errors,
+    allowedExtensions: allowedExtensions,
+    initialFile: initialImageFile.current,
+    onImageSizeUpdated: onImageSizeUpdated,
+    topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React__default['default'].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__default['default'].createElement(image_edit_icon.ImageEditLineIcon, {
+      className: "aurora-w-4 aurora-h-4 aurora-fill"
+    }), /*#__PURE__*/React__default['default'].createElement("span", {
+      className: "aurora-text-xs aurora-text aurora-font-semibold"
+    }, "".concat(t('Edit'))))),
+    editedImageResult: imageEditorResult
+  }), isLoading && (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(loader.Loader, null), /*#__PURE__*/React__default['default'].createElement("span", null, "".concat(t('Transfering file...')))))), !!ImageEditor && (/*#__PURE__*/React__default['default'].createElement(modal.Modal, {
+    name: modalId,
+    header: t('Edit image'),
+    width: "l"
+  }, renderImageEditor({
+    src: imageEditorSrc,
+    onEditionDone: function onEditionDone(result) {
+      hideModal(modalId);
+      setImageEditorResult(result);
+    }
+  }))));
+};
+
+exports.XhrImagePicker = XhrImagePicker;
+//# sourceMappingURL=xhr_image_picker.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/constants/css_tokens/css_background_tokens.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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'
+};
+
+exports.CSS_BACKGROUND_TOKENS = CSS_BACKGROUND_TOKENS;
+//# sourceMappingURL=css_background_tokens.js.map

package/build/cjs/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;AACA;AACA;AACA;"}

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

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

package/build/cjs/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;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;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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'
+};
+
+exports.CSS_BORDER_RADIUS_SIDE_TOKENS = CSS_BORDER_RADIUS_SIDE_TOKENS;
+exports.CSS_BORDER_RADIUS_TOKENS = CSS_BORDER_RADIUS_TOKENS;
+//# sourceMappingURL=css_border_radius_tokens.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_BORDER_STYLE_TOKENS = {
+  solid: 'solid',
+  dashed: 'dashed',
+  dotted: 'dotted',
+  double: 'double',
+  none: 'none'
+};
+
+exports.CSS_BORDER_STYLE_TOKENS = CSS_BORDER_STYLE_TOKENS;
+//# sourceMappingURL=css_border_style_tokens.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;"}

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

@@ -9,6 +9,15 @@ 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'
+};
 
+exports.CSS_BORDER_WIDTH_SIDE_TOKENS = CSS_BORDER_WIDTH_SIDE_TOKENS;
 exports.CSS_BORDER_WIDTH_TOKENS = CSS_BORDER_WIDTH_TOKENS;
 //# sourceMappingURL=css_border_width_tokens.js.map

package/build/cjs/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;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;AACA;"}

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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'
+};
+
+exports.CSS_BOX_SHADOW_TOKENS = CSS_BOX_SHADOW_TOKENS;
+//# sourceMappingURL=css_box_shadow_tokens.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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'
+};
+
+exports.CSS_FONT_SIZE_TOKENS = CSS_FONT_SIZE_TOKENS;
+//# sourceMappingURL=css_font_size_tokens.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_font_size_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;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_FONT_WEIGHT_TOKENS = {
+  normal: 'normal',
+  medium: 'medium',
+  semibold: 'semibold',
+  bold: 'bold',
+  extrabold: 'extrabold'
+};
+
+exports.CSS_FONT_WEIGHT_TOKENS = CSS_FONT_WEIGHT_TOKENS;
+//# sourceMappingURL=css_font_weight_tokens.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_font_weight_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;"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_color_tokens_values = require('./css_color_tokens_values.js');
+
+var CSS_ICON_COLOR_TOKENS_VALUES = {
+  base: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral900,
+  subtle: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral600,
+  disabled: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral200,
+  inverse: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral0,
+  inverseSubtle: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.lightTransparent20,
+  inverseDisabled: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral800,
+  primary: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.brand500,
+  primaryStrong: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.brand800,
+  success: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.green500,
+  successStrong: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.green700,
+  danger: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.red500,
+  dangerStrong: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.red700,
+  warning: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.yellow500,
+  warningStrong: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.yellow700,
+  info: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.blue500,
+  infoStrong: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.blue700
+};
+
+exports.CSS_ICON_COLOR_TOKENS_VALUES = CSS_ICON_COLOR_TOKENS_VALUES;
+//# sourceMappingURL=css_icon_color_tokens.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/constants/css_tokens/css_line_height_tokens.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_LINE_HEIGHT_TOKENS = {
+  xs: 'xs',
+  s: 's',
+  md: 'md',
+  lg: 'lg',
+  xl: 'xl',
+  '2xl': '2xl',
+  '3xl': '3xl',
+  '4xl': '4xl',
+  '5xl': '5xl',
+  '6xl': '6xl'
+};
+
+exports.CSS_LINE_HEIGHT_TOKENS = CSS_LINE_HEIGHT_TOKENS;
+//# sourceMappingURL=css_line_height_tokens.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_line_height_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;"}

package/build/cjs/packages/aurora/src/constants/css_tokens/css_margin_tokens.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_MARGIN_TOKENS = {
+  mt: 'mt',
+  mr: 'mr',
+  mb: 'mb',
+  ml: 'ml',
+  mx: 'mx',
+  my: 'my',
+  ms: 'ms',
+  me: 'me',
+  m: 'm'
+};
+
+exports.CSS_MARGIN_TOKENS = CSS_MARGIN_TOKENS;
+//# sourceMappingURL=css_margin_tokens.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_margin_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/cjs/packages/aurora/src/constants/css_tokens/css_padding_tokens.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_PADDING_TOKENS = {
+  pt: 'pt',
+  pr: 'pr',
+  pb: 'pb',
+  pl: 'pl',
+  px: 'px',
+  py: 'py',
+  ps: 'ps',
+  pe: 'pe',
+  p: 'p'
+};
+
+exports.CSS_PADDING_TOKENS = CSS_PADDING_TOKENS;
+//# sourceMappingURL=css_padding_tokens.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_padding_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/cjs/packages/aurora/src/constants/css_tokens/css_position_tokens.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_POSITION_TOKENS = {
+  absolute: 'absolute',
+  relative: 'relative',
+  fixed: 'fixed',
+  sticky: 'sticky',
+  static: 'static'
+};
+
+exports.CSS_POSITION_TOKENS = CSS_POSITION_TOKENS;
+//# sourceMappingURL=css_position_tokens.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_position_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;"}

package/build/cjs/packages/aurora/src/constants/css_tokens/css_screen_tokents.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_SCREEN_TOKENS = {
+  sm: 'sm',
+  md: 'md',
+  lg: 'lg',
+  xl: 'xl'
+};
+
+exports.CSS_SCREEN_TOKENS = CSS_SCREEN_TOKENS;
+//# sourceMappingURL=css_screen_tokents.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_screen_tokents.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;"}

package/build/cjs/packages/aurora/src/constants/css_tokens/css_spacing_tokens.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_SPACING_TOKENS = {
+  0: '0',
+  0.5: '0.5',
+  1: '1',
+  1.5: '1.5',
+  2: '2',
+  2.5: '2.5',
+  3: '3',
+  3.5: '3.5',
+  4: '4',
+  5: '5',
+  6: '6',
+  7: '7',
+  8: '8',
+  9: '9',
+  10: '10',
+  11: '11',
+  12: '12',
+  14: '14',
+  16: '16',
+  20: '20',
+  24: '24',
+  28: '28',
+  32: '32',
+  36: '36',
+  40: '40',
+  44: '44',
+  48: '48',
+  52: '52',
+  56: '56',
+  60: '60',
+  64: '64',
+  72: '72',
+  80: '80',
+  90: '90'
+};
+
+exports.CSS_SPACING_TOKENS = CSS_SPACING_TOKENS;
+//# sourceMappingURL=css_spacing_tokens.js.map

package/build/cjs/packages/aurora/src/constants/css_tokens/css_spacing_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;"}

package/build/cjs/packages/aurora/src/constants/css_tokens/css_text_color_tokens.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_TEXT_COLOR_TOKENS = {
+  subtle: 'subtle',
+  subtleLight: 'subtle-light',
+  inverse: 'inverse',
+  inverseSubtle: 'inverse-subtle',
+  inverseSubtleLight: 'inverse-subtle-light',
+  inverseGhost: 'inverse-ghost',
+  inverseGhostLight: 'inverse-ghost-light',
+  interactive: 'interactive',
+  interactiveHover: 'interactive-hover',
+  interactiveActive: 'interactive-active',
+  interactiveInverse: 'interactive-inverse',
+  interactiveInverseHover: 'interactive-inverse-hover',
+  interactiveInverseActive: 'interactive-inverse-active',
+  success: 'success',
+  successHover: 'success-hover',
+  successActive: 'success-active',
+  successStrong: 'success-strong',
+  danger: 'danger',
+  dangerHover: 'danger-hover',
+  dangerActive: 'danger-active',
+  dangerStrong: 'danger-strong',
+  warning: 'warning',
+  warningHover: 'warning-hover',
+  warningActive: 'warning-active',
+  warningStrong: 'warning-strong',
+  info: 'info',
+  infoHover: 'info-hover',
+  infoActive: 'info-active',
+  infoStrong: 'info-strong'
+};
+
+exports.CSS_TEXT_COLOR_TOKENS = CSS_TEXT_COLOR_TOKENS;
+//# sourceMappingURL=css_text_color_tokens.js.map