accera-tech · menosprezzi · Jan 29, 2020 · Jan 29, 2020 · Jan 29, 2020
diff --git a/core/.stylelintrc.yml b/core/.stylelintrc.yml
@@ -1,13 +1,23 @@
-# Default stylelint configuration.
-
 # See documentation at https://stylelint.io/
+extends:
+  - stylelint-config-rational-order
+
 indentation: 2
 
-plugins:
-  - stylelint-order
+ignoreFiles:
+  - src/global/css/layout/**/*.scss
 
 rules:
-  max-line-length: 120
+  declaration-no-important: null
+  block-closing-brace-newline-before: always
+  block-opening-brace-newline-after: always
+  custom-property-empty-line-before:
+    - always
+    - except:
+        - after-comment
+        - after-custom-property
+        - first-nested
+  rule-empty-line-before: null
   at-rule-empty-line-before:
     - always
     - except:
@@ -16,285 +26,14 @@ rules:
       ignore:
         - after-comment
 
-  block-closing-brace-newline-before:
-    - always
-
-  block-no-empty:
-    - true
-
-  block-opening-brace-newline-after:
-    - always
-
-  custom-property-empty-line-before:
-    - always
-    - except:
-        - after-comment
-        - after-custom-property
-        - first-nested
-
-
-
+  max-empty-lines: 2
+  max-line-length: 120
+  block-no-empty: true
   order/order:
     - dollar-variables
     - custom-properties
     - declarations
     - rules
-
-  # https://github.com/sasstools/sass-lint/blob/develop/lib/config/property-sort-orders/smacss.yml
-  order/properties-order:
-    # Heading
-
-    - 'content'
-    - 'quotes'
-
-    # Box
-
-    - 'display'
-    - 'visibility'
-
-    - 'position'
-    - 'z-index'
-    - 'top'
-    - 'right'
-    - 'bottom'
-    - 'left'
-
-    - 'box-sizing'
-
-    - 'grid'
-    - 'grid-after'
-    - 'grid-area'
-    - 'grid-auto-columns'
-    - 'grid-auto-flow'
-    - 'grid-auto-rows'
-    - 'grid-before'
-    - 'grid-column'
-    - 'grid-column-end'
-    - 'grid-column-gap'
-    - 'grid-column-start'
-    - 'grid-columns'
-    - 'grid-end'
-    - 'grid-gap'
-    - 'grid-row'
-    - 'grid-row-end'
-    - 'grid-row-gap'
-    - 'grid-row-start'
-    - 'grid-rows'
-    - 'grid-start'
-    - 'grid-template'
-    - 'grid-template-areas'
-    - 'grid-template-columns'
-    - 'grid-template-rows'
-
-    - 'flex'
-    - 'flex-basis'
-    - 'flex-direction'
-    - 'flex-flow'
-    - 'flex-grow'
-    - 'flex-shrink'
-    - 'flex-wrap'
-    - 'align-content'
-    - 'align-items'
-    - 'align-self'
-    - 'justify-content'
-    - 'order'
-
-    - 'width'
-    - 'min-width'
-    - 'max-width'
-    - 'height'
-    - 'min-height'
-    - 'max-height'
-
-    - 'margin'
-    - 'margin-top'
-    - 'margin-right'
-    - 'margin-bottom'
-    - 'margin-left'
-
-    - 'padding'
-    - 'padding-top'
-    - 'padding-right'
-    - 'padding-bottom'
-    - 'padding-left'
-
-    - 'float'
-    - 'clear'
-
-    - 'overflow'
-    - 'overflow-x'
-    - 'overflow-y'
-
-    - 'clip'
-    - 'zoom'
-
-    - 'columns'
-    - 'column-gap'
-    - 'column-fill'
-    - 'column-rule'
-    - 'column-span'
-    - 'column-count'
-    - 'column-width'
-
-    - 'table-layout'
-    - 'empty-cells'
-    - 'caption-side'
-    - 'border-spacing'
-    - 'border-collapse'
-    - 'list-style'
-    - 'list-style-position'
-    - 'list-style-type'
-    - 'list-style-image'
-
-    # Animation
-
-    - 'transform'
-    - 'transform-origin'
-    - 'transform-style'
-    - 'backface-visibility'
-    - 'perspective'
-    - 'perspective-origin'
-
-    - 'transition'
-    - 'transition-property'
-    - 'transition-duration'
-    - 'transition-timing-function'
-    - 'transition-delay'
-
-    - 'animation'
-    - 'animation-name'
-    - 'animation-duration'
-    - 'animation-play-state'
-    - 'animation-timing-function'
-    - 'animation-delay'
-    - 'animation-iteration-count'
-    - 'animation-direction'
-
-    # Border
-
-    - 'border'
-    - 'border-top'
-    - 'border-right'
-    - 'border-bottom'
-    - 'border-left'
-    - 'border-width'
-    - 'border-top-width'
-    - 'border-right-width'
-    - 'border-bottom-width'
-    - 'border-left-width'
-
-    - 'border-style'
-    - 'border-top-style'
-    - 'border-right-style'
-    - 'border-bottom-style'
-    - 'border-left-style'
-
-    - 'border-radius'
-    - 'border-top-left-radius'
-    - 'border-top-right-radius'
-    - 'border-bottom-left-radius'
-    - 'border-bottom-right-radius'
-
-    - 'border-color'
-    - 'border-top-color'
-    - 'border-right-color'
-    - 'border-bottom-color'
-    - 'border-left-color'
-
-    - 'outline'
-    - 'outline-color'
-    - 'outline-offset'
-    - 'outline-style'
-    - 'outline-width'
-
-    - 'stroke-width'
-    - 'stroke-linecap'
-    - 'stroke-dasharray'
-    - 'stroke-dashoffset'
-    - 'stroke'
-
-    # Background
-
-    - 'opacity'
-
-    - 'background'
-    - 'background-color'
-    - 'background-image'
-    - 'background-repeat'
-    - 'background-position'
-    - 'background-size'
-    - 'box-shadow'
-    - 'fill'
-
-    # Text
-
-    - 'color'
-
-    - 'font'
-    - 'font-family'
-    - 'font-size'
-    - 'font-size-adjust'
-    - 'font-stretch'
-    - 'font-effect'
-    - 'font-style'
-    - 'font-variant'
-    - 'font-weight'
-
-    - 'font-emphasize'
-    - 'font-emphasize-position'
-    - 'font-emphasize-style'
-
-    - 'letter-spacing'
-    - 'line-height'
-    - 'list-style'
-    - 'word-spacing'
-
-    - 'text-align'
-    - 'text-align-last'
-    - 'text-decoration'
-    - 'text-indent'
-    - 'text-justify'
-    - 'text-overflow'
-    - 'text-overflow-ellipsis'
-    - 'text-overflow-mode'
-    - 'text-rendering'
-    - 'text-outline'
-    - 'text-shadow'
-    - 'text-transform'
-    - 'text-wrap'
-    - 'word-wrap'
-    - 'word-break'
-
-    - 'text-emphasis'
-    - 'text-emphasis-color'
-    - 'text-emphasis-style'
-    - 'text-emphasis-position'
-
-    - 'vertical-align'
-    - 'white-space'
-    - 'word-spacing'
-    - 'hyphens'
-
-    - 'src'
-
-    # Other
-
-    - 'tab-size'
-    - 'counter-reset'
-    - 'counter-increment'
-    - 'resize'
-    - 'cursor'
-    - 'pointer-events'
-    - 'speak'
-    - 'user-select'
-    - 'nav-index'
-    - 'nav-up'
-    - 'nav-right'
-    - 'nav-down'
-    - 'nav-left'
-
   property-blacklist:
     - float
-
-  string-quotes:
-    - double
+  string-quotes: double
diff --git a/core/package.json b/core/package.json
@@ -38,10 +38,12 @@
     "babel-loader": "^8.0.6",
     "jest": "^24.7.1",
     "stylelint": "^10.0.1",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-recommended": "^3.0.0",
     "stylelint-order": "^3.0.0",
-    "tslint": "^5.16.0",
-    "tslint-ionic-rules": "0.0.21",
-    "tslint-react": "^4.0.0"
+    "tslint": "^6.0.0",
+    "tslint-ionic-rules": "^0.0.21",
+    "tslint-react": "^4.2.0"
   },
   "repository": {
     "type": "git",

diff --git a/core/src/behaviors/controller-behavior/delegates/native-delegate.ts b/core/src/behaviors/controller-behavior/delegates/native-delegate.ts
@@ -1,4 +1,5 @@
 import { HTMLStencilElement } from '@stencil/core/internal';
+
 import { FrameworkDelegate } from './framework-delegate';
 
 /**

diff --git a/core/src/components/atoms/ac-avatar/ac-avatar.scss b/core/src/components/atoms/ac-avatar/ac-avatar.scss
@@ -16,8 +16,8 @@ ac-avatar {
       // @TODO: Use global vars.
       min-width: 36px;
       min-height: 36px;
-      border-radius: 100%;
       background-size: contain;
+      border-radius: 100%;
       box-shadow: $z1-shadow;
     }
 
@@ -29,8 +29,8 @@ ac-avatar {
 
       .ac-avatar__title {
         color: current-color("contrast") !important;
-        font-size: $font-small;
         font-weight: bold;
+        font-size: $font-small;
         text-transform: capitalize;
       }
 

diff --git a/core/src/components/atoms/ac-badge/ac-badge.scss b/core/src/components/atoms/ac-badge/ac-badge.scss
@@ -11,9 +11,9 @@ ac-badge {
   justify-content: center;
   min-width: $spacer-small;
   height: $spacer-small;
-  border-radius: 100px;
-  font-size: $font-xtiny;
   font-weight: bold;
+  font-size: $font-xtiny;
+  border-radius: 100px;
 }
 
 // ---------------------------------------------------------------------------------------------------------------------
@@ -22,9 +22,9 @@ ac-badge {
 
 ac-badge.ac-badge--floating {
   position: absolute;
-  z-index: $z-fab;
   right: 0;
   bottom: 0;
+  z-index: $z-fab;
 }
 
 // ---------------------------------------------------------------------------------------------------------------------
@@ -35,5 +35,3 @@ ac-badge.ac-badge--floating {
 @include badge-variations(".ac-badge--warning", "warning");
 @include badge-variations(".ac-badge--alert", "alert");
 @include badge-variations(".ac-badge--info", "info");
-
-