@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.
- package/dist/Components/Button/Button.d.ts +1 -1
- package/dist/admin-components.cjs.development.js +5 -0
- package/dist/admin-components.cjs.development.js.map +1 -1
- package/dist/admin-components.cjs.production.min.js +1 -1
- package/dist/admin-components.cjs.production.min.js.map +1 -1
- package/dist/admin-components.esm.js +5 -0
- package/dist/admin-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Components/Button/Button.spec.tsx +3 -0
- package/src/Components/Button/Button.tsx +6 -0
|
@@ -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,
|