@loja-integrada/admin-components 0.8.7 → 0.9.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/README.md CHANGED
@@ -48,7 +48,7 @@ Use `.spec.` for Cypress and `.test.` for Jest
48
48
  ## Usage
49
49
 
50
50
  ```js
51
- import { Button } from '@lojaintegrada/admin-components'
51
+ import { Button } from '@loja-integrada/admin-components'
52
52
 
53
53
  <Button></Button>
54
54
  ```
@@ -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';
18
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'info' | 'warning' | 'danger' | 'outline';
19
19
  /**
20
20
  * Button is loading
21
21
  * */
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Sync: () => JSX.Element;
@@ -46,4 +46,5 @@ export declare const icons: {
46
46
  truck: () => JSX.Element;
47
47
  usdCircle: () => JSX.Element;
48
48
  questionCircle: () => JSX.Element;
49
+ sync: () => JSX.Element;
49
50
  };
@@ -422,6 +422,14 @@ var Search = function Search() {
422
422
  });
423
423
  };
424
424
 
425
+ var Sync = function Sync() {
426
+ return React__default.createElement("path", {
427
+ fillRule: "evenodd",
428
+ d: "M15.228 1.731 14.12 2.938C12.175.9 10.174 0 7.64 0 3.935 0 0 2.667 0 7.556h1.347c0-4 3.165-6.173 6.292-6.173 2.182 0 3.86.762 5.56 2.561l-1.405 1.534a.444.444 0 0 0 .327.745h3.435c.245 0 .444-.2.444-.445V2.031a.444.444 0 0 0-.772-.3Zm-.574 6.714H16C16 13.334 12.064 16 8.36 16c-2.534 0-4.535-.9-6.482-2.938L.772 14.268a.444.444 0 0 1-.772-.3v-3.745c0-.247.199-.445.445-.445h3.432c.386 0 .588.46.328.745L2.8 12.055c1.702 1.8 3.379 2.562 5.56 2.562 3.127 0 6.294-2.172 6.294-6.172Z",
429
+ clipRule: "evenodd"
430
+ });
431
+ };
432
+
425
433
  var AngleDiagonal = function AngleDiagonal() {
426
434
  return React__default.createElement(React__default.Fragment, null, React__default.createElement("path", {
427
435
  d: "M12.7122 4.22709L13.7728 5.28775L5.28753 13.773L4.22687 12.7124L12.7122 4.22709Z",
@@ -511,7 +519,8 @@ var icons = {
511
519
  tv: Tv,
512
520
  truck: Truck,
513
521
  usdCircle: UsdCircle,
514
- questionCircle: QuestionCircle
522
+ questionCircle: QuestionCircle,
523
+ sync: Sync
515
524
  };
516
525
 
517
526
  var iconSizes = {
@@ -553,19 +562,22 @@ var listOfStylesHover = {
553
562
  tertiary: "hover:bg-tertiary-dark",
554
563
  info: "hover:bg-secondary-bold",
555
564
  warning: "hover:bg-warning-dark",
556
- danger: "hover:bg-danger-dark"
565
+ danger: "hover:bg-danger-dark",
566
+ outline: "hover:bg-primary-light"
557
567
  };
558
568
  var listOfStylesActive = {
559
569
  primary: "active:bg-primary-bold",
560
570
  secondary: "active:shadow-inner",
561
571
  tertiary: "active:bg-tertiary-bold",
562
572
  warning: "active:bg-warning-bold",
563
- danger: "hover:bg-danger-bold"
573
+ danger: "hover:bg-danger-bold",
574
+ outline: "active:shadow-inner active:bg-base-1"
564
575
  };
565
576
  var listOfStylesFocus = {
566
577
  primary: "focus:ring-1 focus:ring-primary-dark focus:ring-opacity-50",
567
578
  secondary: "focus:ring focus:ring-focus",
568
- danger: "focus:ring-1 focus:ring-danger-dark"
579
+ danger: "focus:ring-1 focus:ring-danger-dark",
580
+ outline: "focus:ring-2 focus:ring-focus focus:ring-offset-1"
569
581
  };
570
582
  var listOfStyles = {
571
583
  primary: "bg-primary text-base-1 " + listOfStylesHover['primary'] + " " + listOfStylesActive['primary'] + " " + listOfStylesFocus['primary'],
@@ -573,7 +585,8 @@ var listOfStyles = {
573
585
  tertiary: "bg-inverted-2 text-on-primary " + listOfStylesHover['tertiary'] + " " + listOfStylesActive['tertiary'],
574
586
  info: "bg-secondary-dark text-base-1 " + listOfStylesHover['info'],
575
587
  warning: "bg-warning text-on-base " + listOfStylesHover['warning'] + " " + listOfStylesActive['warning'],
576
- danger: "bg-danger text-base-1 " + listOfStylesHover['danger'] + " " + listOfStylesActive['danger'] + " " + listOfStylesFocus['danger']
588
+ danger: "bg-danger text-base-1 " + listOfStylesHover['danger'] + " " + listOfStylesActive['danger'] + " " + listOfStylesFocus['danger'],
589
+ outline: "bg-transparent text-inverted-2 border border-inverted-2 " + listOfStylesHover['outline'] + " " + listOfStylesActive['outline'] + " " + listOfStylesFocus['outline']
577
590
  };
578
591
  var defaultDisabledStyle = "bg-base-3 cursor-default text-on-base-2 shadow-none ring-0 border-0 hover:bg-base-3 hover:text-on-base-2 ";
579
592
  var listOfStylesDisabled = {
@@ -582,7 +595,8 @@ var listOfStylesDisabled = {
582
595
  tertiary: defaultDisabledStyle,
583
596
  info: defaultDisabledStyle,
584
597
  warning: defaultDisabledStyle,
585
- danger: defaultDisabledStyle
598
+ danger: defaultDisabledStyle,
599
+ outline: defaultDisabledStyle
586
600
  };
587
601
  var listOfSizes = {
588
602
  small: "text-f7 h-8",
@@ -2008,7 +2022,7 @@ var TimelineComponent = function TimelineComponent(_ref) {
2008
2022
  var Timeline = /*#__PURE__*/React__default.memo(TimelineComponent);
2009
2023
 
2010
2024
  var sizeClasses$1 = {
2011
- small: 'sm:max-w-xl',
2025
+ small: 'sm:max-w-[600px]',
2012
2026
  "default": 'sm:max-w-4xl',
2013
2027
  large: 'sm:max-w-6xl'
2014
2028
  };