@loja-integrada/admin-components 0.12.0 → 0.12.1

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.
@@ -15,7 +15,7 @@ export interface ButtonProps extends ButtonAnchorProps {
15
15
  /** Button variant
16
16
  * @default primary
17
17
  * */
18
- variant?: 'primary' | 'secondary' | 'tertiary' | 'info' | 'warning' | 'danger' | 'outline' | 'onlyText';
18
+ variant?: 'primary' | 'secondary' | 'outlineSecondary' | 'tertiary' | 'info' | 'warning' | 'danger' | 'outline' | 'onlyText';
19
19
  /**
20
20
  * Button is loading
21
21
  * */
@@ -604,6 +604,7 @@ var Icon = /*#__PURE__*/React__default.memo(function (_ref) {
604
604
  var listOfStylesHover = {
605
605
  primary: "hover:bg-primary-dark",
606
606
  secondary: "hover:bg-secondary-dark",
607
+ outlineSecondary: "hover:bg-primary-light",
607
608
  tertiary: "hover:bg-tertiary-dark",
608
609
  info: "hover:bg-secondary-bold",
609
610
  warning: "hover:bg-warning-dark",
@@ -614,6 +615,7 @@ var listOfStylesHover = {
614
615
  var listOfStylesActive = {
615
616
  primary: "active:bg-primary-bold",
616
617
  secondary: "active:shadow-inner",
618
+ outlineSecondary: "active:shadow-inner active:bg-base-1",
617
619
  tertiary: "active:bg-tertiary-bold",
618
620
  warning: "active:bg-warning-bold",
619
621
  danger: "hover:bg-danger-bold",
@@ -623,6 +625,7 @@ var listOfStylesActive = {
623
625
  var listOfStylesFocus = {
624
626
  primary: "focus:ring-1 focus:ring-primary-dark focus:ring-opacity-50",
625
627
  secondary: "focus:ring focus:ring-focus",
628
+ outlineSecondary: "focus:ring-2 focus:ring-focus focus:ring-offset-1",
626
629
  danger: "focus:ring-1 focus:ring-danger-dark",
627
630
  outline: "focus:ring-2 focus:ring-focus focus:ring-offset-1",
628
631
  onlyText: "focus:bg-base-1"
@@ -630,6 +633,7 @@ var listOfStylesFocus = {
630
633
  var listOfStyles = {
631
634
  primary: "bg-primary text-base-1 " + listOfStylesHover['primary'] + " " + listOfStylesActive['primary'] + " " + listOfStylesFocus['primary'],
632
635
  secondary: "bg-secondary text-primary " + listOfStylesHover['secondary'] + " " + listOfStylesActive['secondary'],
636
+ outlineSecondary: "bg-transparent text-primary border border-primary " + listOfStylesHover['outlineSecondary'] + " " + listOfStylesActive['outlineSecondary'] + " " + listOfStylesFocus['outlineSecondary'],
633
637
  tertiary: "bg-inverted-2 text-on-primary " + listOfStylesHover['tertiary'] + " " + listOfStylesActive['tertiary'],
634
638
  info: "bg-secondary-dark text-base-1 " + listOfStylesHover['info'],
635
639
  warning: "bg-warning text-on-base " + listOfStylesHover['warning'] + " " + listOfStylesActive['warning'],
@@ -641,6 +645,7 @@ var defaultDisabledStyle = "bg-base-3 cursor-default text-on-base-2 shadow-none
641
645
  var listOfStylesDisabled = {
642
646
  primary: defaultDisabledStyle,
643
647
  secondary: "bg-base-2 cursor-default text-card-stroke shadow-none ring-0 border-0 ",
648
+ outlineSecondary: "bg-base-2 cursor-default text-card-stroke shadow-none ring-0 border-0 ",
644
649
  tertiary: defaultDisabledStyle,
645
650
  info: defaultDisabledStyle,
646
651
  warning: defaultDisabledStyle,