@dreamcommerce/aurora 3.0.0-37 → 3.0.0-39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,8 +8,8 @@ var button_constants = require('./button_constants.js');
8
8
 
9
9
  var buttonVariants = index.cva('aurora-inline-flex aurora-items-center aurora-justify-center aurora-font-semibold aurora-gap-2 aurora-whitespace-nowrap aurora-rounded-full aurora-text-s aurora-transition-colors aurora-border focus disabled:aurora-pointer-events-none disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle', {
10
10
  variants: {
11
- variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), button_constants.BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), button_constants.BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), button_constants.BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), button_constants.BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-bg-transparent aurora-border-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent disabled:aurora-border-transparent focus-visible:aurora-text-interactive-active'),
12
- size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_SIZES.default, ''), button_constants.BUTTON_SIZES.s, '')
11
+ variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), button_constants.BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), button_constants.BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), button_constants.BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), button_constants.BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-border-none aurora-bg-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
12
+ size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_SIZES.default, 'aurora-h-[40px]'), button_constants.BUTTON_SIZES.s, 'aurora-h-[32px]')
13
13
  },
14
14
  compoundVariants: [{
15
15
  variant: [button_constants.BUTTON_VARIANTS.primary, button_constants.BUTTON_VARIANTS.secondary, button_constants.BUTTON_VARIANTS.destructive, button_constants.BUTTON_VARIANTS.destructiveSecondary, button_constants.BUTTON_VARIANTS.destructive, button_constants.BUTTON_VARIANTS.ghost, button_constants.BUTTON_VARIANTS.dark],
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var cn = require('../../utilities/cn.js');
7
+ var typography = require('../typography/typography.js');
7
8
  var message_box_constants = require('./message_box_constants.js');
8
9
  var message_box_variants = require('./message_box_variants.js');
9
10
  var close_icon = require('../../assets/icons/close_icon.js');
@@ -42,7 +43,9 @@ var MessageBox = function MessageBox(_ref) {
42
43
  className: "aurora-flex aurora-items-center"
43
44
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
44
45
  className: "aurora-text-s aurora-font-semibold aurora-text"
45
- }, header))), children), canClose && (/*#__PURE__*/React__default['default'].createElement("button", {
46
+ }, header))), /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
47
+ size: "xs"
48
+ }, children)), canClose && (/*#__PURE__*/React__default['default'].createElement("button", {
46
49
  className: index['default'](children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
47
50
  onClick: function onClick(e) {
48
51
  e.stopPropagation();
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -15,9 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
 
18
- var triggerVariants = index.cva('aurora-border-solid aurora-border-subtle aurora-bg aurora-py-1 aurora-absolute aurora-top-11 ', {
18
+ var triggerVariants = index.cva('aurora-border-solid aurora-z-10 aurora-border-subtle aurora-bg aurora-py-1 aurora-absolute aurora-top-11 ', {
19
19
  variants: {
20
- side: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, sidebar_constants.SIDEBAR_SIDE.left, 'aurora-left-full aurora-rounded-tr-2 aurora-rounded-br-2 aurora-border-r aurora-border-t aurora-border-b'), sidebar_constants.SIDEBAR_SIDE.right, 'aurora-right-full aurora-rounded-tl-2 aurora-rounded-bl-2 aurora-border-l aurora-border-t aurora-border-b')
20
+ side: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, sidebar_constants.SIDEBAR_SIDE.left, 'aurora-left-full aurora-rounded-r-2 aurora-rounded-l-0 aurora-border-l-0 aurora-border-r aurora-border-t aurora-border-b'), sidebar_constants.SIDEBAR_SIDE.right, 'aurora-right-full aurora-rounded-r-0 aurora-rounded-l-2 aurora-border-r-0 aurora-border-l aurora-border-t aurora-border-b')
21
21
  }
22
22
  });
23
23
  var SidebarTrigger = function SidebarTrigger(_ref) {
@@ -4,8 +4,8 @@ import { BUTTON_VARIANTS, BUTTON_SIZES } from './button_constants.js';
4
4
 
5
5
  var buttonVariants = cva('aurora-inline-flex aurora-items-center aurora-justify-center aurora-font-semibold aurora-gap-2 aurora-whitespace-nowrap aurora-rounded-full aurora-text-s aurora-transition-colors aurora-border focus disabled:aurora-pointer-events-none disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle', {
6
6
  variants: {
7
- variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-bg-transparent aurora-border-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent disabled:aurora-border-transparent focus-visible:aurora-text-interactive-active'),
8
- size: _defineProperty(_defineProperty({}, BUTTON_SIZES.default, ''), BUTTON_SIZES.s, '')
7
+ variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-border-none aurora-bg-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
8
+ size: _defineProperty(_defineProperty({}, BUTTON_SIZES.default, 'aurora-h-[40px]'), BUTTON_SIZES.s, 'aurora-h-[32px]')
9
9
  },
10
10
  compoundVariants: [{
11
11
  variant: [BUTTON_VARIANTS.primary, BUTTON_VARIANTS.secondary, BUTTON_VARIANTS.destructive, BUTTON_VARIANTS.destructiveSecondary, BUTTON_VARIANTS.destructive, BUTTON_VARIANTS.ghost, BUTTON_VARIANTS.dark],
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { cn } from '../../utilities/cn.js';
3
+ import { Typography } from '../typography/typography.js';
3
4
  import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
4
5
  import { messageBoxVariants } from './message_box_variants.js';
5
6
  import { CloseLineIcon } from '../../assets/icons/close_icon.js';
@@ -34,7 +35,9 @@ var MessageBox = function MessageBox(_ref) {
34
35
  className: "aurora-flex aurora-items-center"
35
36
  }, /*#__PURE__*/React.createElement("h4", {
36
37
  className: "aurora-text-s aurora-font-semibold aurora-text"
37
- }, header))), children), canClose && (/*#__PURE__*/React.createElement("button", {
38
+ }, header))), /*#__PURE__*/React.createElement(Typography, {
39
+ size: "xs"
40
+ }, children)), canClose && (/*#__PURE__*/React.createElement("button", {
38
41
  className: classnames(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
39
42
  onClick: function onClick(e) {
40
43
  e.stopPropagation();
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,uBAAuB,6CAAiD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,6CAAiD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -7,9 +7,9 @@ import { useSidebar } from '../hooks/use_sidebar.js';
7
7
  import { SIDEBAR_SIDE } from '../sidebar_constants.js';
8
8
  import { ArrowLeftSLineIcon } from '../../../assets/icons/arrow_left_s_line_icon.js';
9
9
 
10
- var triggerVariants = cva('aurora-border-solid aurora-border-subtle aurora-bg aurora-py-1 aurora-absolute aurora-top-11 ', {
10
+ var triggerVariants = cva('aurora-border-solid aurora-z-10 aurora-border-subtle aurora-bg aurora-py-1 aurora-absolute aurora-top-11 ', {
11
11
  variants: {
12
- side: _defineProperty(_defineProperty({}, SIDEBAR_SIDE.left, 'aurora-left-full aurora-rounded-tr-2 aurora-rounded-br-2 aurora-border-r aurora-border-t aurora-border-b'), SIDEBAR_SIDE.right, 'aurora-right-full aurora-rounded-tl-2 aurora-rounded-bl-2 aurora-border-l aurora-border-t aurora-border-b')
12
+ side: _defineProperty(_defineProperty({}, SIDEBAR_SIDE.left, 'aurora-left-full aurora-rounded-r-2 aurora-rounded-l-0 aurora-border-l-0 aurora-border-r aurora-border-t aurora-border-b'), SIDEBAR_SIDE.right, 'aurora-right-full aurora-rounded-r-0 aurora-rounded-l-2 aurora-border-r-0 aurora-border-l aurora-border-t aurora-border-b')
13
13
  }
14
14
  });
15
15
  var SidebarTrigger = function SidebarTrigger(_ref) {