@bildvitta/quasar-ui-asteroid 3.17.0-beta.20 → 3.17.0-beta.21

package/src/css/variables/typography.scss

@@ -1,149 +1,149 @@
-// Definições seguindo:
-// https://www.figma.com/file/JfDthOZoULYMlRJM2IQ8Oi/Design-System?node-id=665%3A163
-
-// Quasar:
-// https://github.com/quasarframework/quasar/blob/dev/ui/src/css/variables.sass
-// https://github.com/quasarframework/quasar/blob/dev/ui/src/css/core/typography.sass
-
-@use 'sass:map';
-
-// headings
-$h1: (
-  size: 3rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 800,
-  margin: 0
-);
-
-$h2: (
-  size: 2rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 700,
-  margin: 0
-);
-
-$h3: (
-  size: 1.5rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 700,
-  margin: 0
-);
-
-$h4: (
-  size: 1.25rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 600,
-  margin: 0
-);
-
-$h5: (
-  size: 1rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 600,
-  margin: 0
-);
-
-$h6: (
-  size: 0.875rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 600,
-  margin: 0
-);
-
-// subtitles
-$subtitle1: (
-  size: 1rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 600
-);
-
-$subtitle2: (
-  size: 0.875rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 600
-);
-
-// body
-$body1: (
-  size: 1rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 400
-);
-
-$body2: (
-  size: 0.875rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 400
-);
-
-// overline
-$overline: (
-  size: 0.875rem,
-  line-height: 140%,
-  letter-spacing: 0.25rem,
-  weight: 600
-);
-
-// caption
-$caption: (
-  size: 0.75rem,
-  line-height: 140%,
-  letter-spacing: 0,
-  weight: 400
-);
-
-$headings: (
-  'h1': $h1,
-  'h2': $h2,
-  'h3': $h3,
-  'h4': $h4,
-  'h5': $h5,
-  'h6': $h6,
-  'subtitle1': $subtitle1,
-  'subtitle2': $subtitle2,
-  'body1': $body1,
-  'body2': $body2,
-  'overline': $overline,
-  'caption': $caption
-);
-
-// adiciona tags com mesmo estilo do css
-$h-tags: (
-  h1: map.get($headings, 'h1'),
-  h2: map.get($headings, 'h2'),
-  h3: map.get($headings, 'h3'),
-  h4: map.get($headings, 'h4'),
-  h5: map.get($headings, 'h5'),
-  h6: map.get($headings, 'h6')
-);
-
-// sobrescreve as tags do html para adicionar "margin"
-@each $heading, $value in $h-tags {
-  #{$heading} {
-    font-size: map.get($value, 'size');
-    font-weight: map.get($value, 'weight');
-    letter-spacing: map.get($value, 'letter-spacing');
-    line-height: map.get($value, 'line-height');
-    margin: map.get($value, 'margin');
-  }
-}
-
-// Defini as cores para os headings
-h1, .text-h1,
-h2, .text-h2,
-h3, .text-h3,
-h4, .text-h4,
-h5, .text-h5,
-h6, .text-h6 {
-  color: $grey-10;
-}
+// Definições seguindo:
+// https://www.figma.com/file/JfDthOZoULYMlRJM2IQ8Oi/Design-System?node-id=665%3A163
+
+// Quasar:
+// https://github.com/quasarframework/quasar/blob/dev/ui/src/css/variables.sass
+// https://github.com/quasarframework/quasar/blob/dev/ui/src/css/core/typography.sass
+
+@use 'sass:map';
+
+// headings
+$h1: (
+  size: 3rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 800,
+  margin: 0
+);
+
+$h2: (
+  size: 2rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 700,
+  margin: 0
+);
+
+$h3: (
+  size: 1.5rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 700,
+  margin: 0
+);
+
+$h4: (
+  size: 1.25rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 600,
+  margin: 0
+);
+
+$h5: (
+  size: 1rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 600,
+  margin: 0
+);
+
+$h6: (
+  size: 0.875rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 600,
+  margin: 0
+);
+
+// subtitles
+$subtitle1: (
+  size: 1rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 600
+);
+
+$subtitle2: (
+  size: 0.875rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 600
+);
+
+// body
+$body1: (
+  size: 1rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 400
+);
+
+$body2: (
+  size: 0.875rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 400
+);
+
+// overline
+$overline: (
+  size: 0.875rem,
+  line-height: 140%,
+  letter-spacing: 0.25rem,
+  weight: 600
+);
+
+// caption
+$caption: (
+  size: 0.75rem,
+  line-height: 140%,
+  letter-spacing: 0,
+  weight: 400
+);
+
+$headings: (
+  'h1': $h1,
+  'h2': $h2,
+  'h3': $h3,
+  'h4': $h4,
+  'h5': $h5,
+  'h6': $h6,
+  'subtitle1': $subtitle1,
+  'subtitle2': $subtitle2,
+  'body1': $body1,
+  'body2': $body2,
+  'overline': $overline,
+  'caption': $caption
+);
+
+// adiciona tags com mesmo estilo do css
+$h-tags: (
+  h1: map.get($headings, 'h1'),
+  h2: map.get($headings, 'h2'),
+  h3: map.get($headings, 'h3'),
+  h4: map.get($headings, 'h4'),
+  h5: map.get($headings, 'h5'),
+  h6: map.get($headings, 'h6')
+);
+
+// sobrescreve as tags do html para adicionar "margin"
+@each $heading, $value in $h-tags {
+  #{$heading} {
+    font-size: map.get($value, 'size');
+    font-weight: map.get($value, 'weight');
+    letter-spacing: map.get($value, 'letter-spacing');
+    line-height: map.get($value, 'line-height');
+    margin: map.get($value, 'margin');
+  }
+}
+
+// Defini as cores para os headings
+h1, .text-h1,
+h2, .text-h2,
+h3, .text-h3,
+h4, .text-h4,
+h5, .text-h5,
+h6, .text-h6 {
+  color: $grey-10;
+}

package/src/directives/Test.js

@@ -1,13 +1,13 @@
-export default {
-  name: 'test',
-
-  bind (element, { arg: argument, value }) {
-    if (element && argument) {
-      element.dataset.test = argument
-    }
-
-    if (element && value) {
-      element.dataset.testKey = value
-    }
-  }
-}
+export default {
+  name: 'test',
+
+  bind (element, { arg: argument, value }) {
+    if (element && argument) {
+      element.dataset.test = argument
+    }
+
+    if (element && value) {
+      element.dataset.testKey = value
+    }
+  }
+}

package/src/enums/Align.js

@@ -1,7 +1,7 @@
-export const FlexAlign = {
-  Start: 'start',
-  End: 'end',
-  Center: 'center',
-  Around: 'around',
-  Between: 'between'
-}
+export const FlexAlign = {
+  Start: 'start',
+  End: 'end',
+  Center: 'center',
+  Around: 'around',
+  Between: 'between'
+}

package/src/enums/Spacing.js

@@ -1,98 +1,98 @@
-/**
- * Todas variáveis utilizadas para espaçamentos.
- *
- * @property
- * @name Spacing
- * @readonly
- * @enum
- * @type {{
- *  None: 'none',
- *  Xs: 'xs',
- *  Sm: 'sm',
- *  Md: 'md',
- *  Lg: 'lg',
- *  Xl: 'xl',
- *  '2xl': '2xl',
- *  '3xl': '3xl',
- *  '4xl': '4xl',
- *  '5xl': '5xl'
- * }}
-*/
-export const Spacing = {
-  None: 'none',
-  Xs: 'xs',
-  Sm: 'sm',
-  Md: 'md',
-  Lg: 'lg',
-  Xl: 'xl',
-  '2xl': '2xl',
-  '3xl': '3xl',
-  '4xl': '4xl',
-  '5xl': '5xl'
-}
-
-/**
- * Todas variáveis utilizadas para espaçamentos, com unidade de medida.
- *
- * @property
- * @name SpacingWithUnit
- * @readonly
- * @enum
- * @type {{
- *  None: '0px',
- *  Xs: '4px',
- *  Sm: '8px',
- *  Md: '16px',
- *  Lg: '24px',
- *  Xl: '52px',
- *  '2xl': '40px',
- *  '3xl': '48px',
- *  '4xl': '56px',
- *  '5xl': '64px'
- * }}
-*/
-export const SpacingWithUnit = {
-  None: '0px',
-  Xs: '4px',
-  Sm: '8px',
-  Md: '16px',
-  Lg: '24px',
-  Xl: '32px',
-  '2xl': '40px',
-  '3xl': '48px',
-  '4xl': '56px',
-  '5xl': '64px'
-}
-
-/**
- * Todas variáveis utilizadas para espaçamentos, com unidade de medida.
- *
- * @property
- * @name SpacingWithUnit
- * @readonly
- * @enum
- * @type {{
- *  None: 0,
- *  Xs: 4,
- *  Sm: 8,
- *  Md: 16,
- *  Lg: 24,
- *  Xl: 32,
- *  '2xl': 40,
- *  '3xl': 48,
- *  '4xl': 56,
- *  '5xl': 64
- * }}
-*/
-export const SpacingWithNumber = {
-  None: 0,
-  Xs: 4,
-  Sm: 8,
-  Md: 16,
-  Lg: 24,
-  Xl: 32,
-  '2xl': 40,
-  '3xl': 48,
-  '4xl': 56,
-  '5xl': 64
-}
+/**
+ * Todas variáveis utilizadas para espaçamentos.
+ *
+ * @property
+ * @name Spacing
+ * @readonly
+ * @enum
+ * @type {{
+ *  None: 'none',
+ *  Xs: 'xs',
+ *  Sm: 'sm',
+ *  Md: 'md',
+ *  Lg: 'lg',
+ *  Xl: 'xl',
+ *  '2xl': '2xl',
+ *  '3xl': '3xl',
+ *  '4xl': '4xl',
+ *  '5xl': '5xl'
+ * }}
+*/
+export const Spacing = {
+  None: 'none',
+  Xs: 'xs',
+  Sm: 'sm',
+  Md: 'md',
+  Lg: 'lg',
+  Xl: 'xl',
+  '2xl': '2xl',
+  '3xl': '3xl',
+  '4xl': '4xl',
+  '5xl': '5xl'
+}
+
+/**
+ * Todas variáveis utilizadas para espaçamentos, com unidade de medida.
+ *
+ * @property
+ * @name SpacingWithUnit
+ * @readonly
+ * @enum
+ * @type {{
+ *  None: '0px',
+ *  Xs: '4px',
+ *  Sm: '8px',
+ *  Md: '16px',
+ *  Lg: '24px',
+ *  Xl: '52px',
+ *  '2xl': '40px',
+ *  '3xl': '48px',
+ *  '4xl': '56px',
+ *  '5xl': '64px'
+ * }}
+*/
+export const SpacingWithUnit = {
+  None: '0px',
+  Xs: '4px',
+  Sm: '8px',
+  Md: '16px',
+  Lg: '24px',
+  Xl: '32px',
+  '2xl': '40px',
+  '3xl': '48px',
+  '4xl': '56px',
+  '5xl': '64px'
+}
+
+/**
+ * Todas variáveis utilizadas para espaçamentos, com unidade de medida.
+ *
+ * @property
+ * @name SpacingWithUnit
+ * @readonly
+ * @enum
+ * @type {{
+ *  None: 0,
+ *  Xs: 4,
+ *  Sm: 8,
+ *  Md: 16,
+ *  Lg: 24,
+ *  Xl: 32,
+ *  '2xl': 40,
+ *  '3xl': 48,
+ *  '4xl': 56,
+ *  '5xl': 64
+ * }}
+*/
+export const SpacingWithNumber = {
+  None: 0,
+  Xs: 4,
+  Sm: 8,
+  Md: 16,
+  Lg: 24,
+  Xl: 32,
+  '2xl': 40,
+  '3xl': 48,
+  '4xl': 56,
+  '5xl': 64
+}

package/src/enums/Status.js

@@ -1,33 +1,33 @@
-/**
- * Cores por status
- *
- * @property
- * @name Spacing
- * @readonly
- * @enum
- * @type {{
- * Info: 'yellow-14',
- * Error: 'red-14'
- * }}
-*/
-export const StatusColor = {
-  Info: 'yellow-14',
-  Error: 'red-14'
-}
-
-/**
- * Status
- *
- * @property
- * @name Spacing
- * @readonly
- * @enum
- * @type {{
- * Info: 'info',
- * Error: 'error'
- * }}
- */
-export const Status = {
-  Info: 'info',
-  Error: 'error'
-}
+/**
+ * Cores por status
+ *
+ * @property
+ * @name Spacing
+ * @readonly
+ * @enum
+ * @type {{
+ * Info: 'yellow-14',
+ * Error: 'red-14'
+ * }}
+*/
+export const StatusColor = {
+  Info: 'yellow-14',
+  Error: 'red-14'
+}
+
+/**
+ * Status
+ *
+ * @property
+ * @name Spacing
+ * @readonly
+ * @enum
+ * @type {{
+ * Info: 'info',
+ * Error: 'error'
+ * }}
+ */
+export const Status = {
+  Info: 'info',
+  Error: 'error'
+}

package/src/helpers/add-counter-suffix.js

@@ -1,3 +1,3 @@
-export default function (label, counter) {
-  return counter ? `${label} (${counter})` : label
-}
+export default function (label, counter) {
+  return counter ? `${label} (${counter})` : label
+}

package/src/helpers/base-64-to-blob.js

@@ -1,21 +1,21 @@
-export default function (base64) {
-  // extract content type and base64 payload from original string
-  const positionString = base64.indexOf(';base64,')
-  const type = base64.substring(5, positionString)
-  const contentBase64 = base64.substr(positionString + 8)
-
-  // decode base64
-  const imageContent = atob(contentBase64)
-
-  // create an ArrayBuffer and a view (as unsigned 8-bit)
-  const buffer = new ArrayBuffer(imageContent.length)
-  const view = new Uint8Array(buffer)
-
-  // fill the view, using the decoded base64
-  for (const position in [...imageContent]) {
-    view[position] = imageContent.charCodeAt(position)
-  }
-
-  // convert ArrayBuffer to Blob
-  return new Blob([buffer], { type })
-}
+export default function (base64) {
+  // extract content type and base64 payload from original string
+  const positionString = base64.indexOf(';base64,')
+  const type = base64.substring(5, positionString)
+  const contentBase64 = base64.substr(positionString + 8)
+
+  // decode base64
+  const imageContent = atob(contentBase64)
+
+  // create an ArrayBuffer and a view (as unsigned 8-bit)
+  const buffer = new ArrayBuffer(imageContent.length)
+  const view = new Uint8Array(buffer)
+
+  // fill the view, using the decoded base64
+  for (const position in [...imageContent]) {
+    view[position] = imageContent.charCodeAt(position)
+  }
+
+  // convert ArrayBuffer to Blob
+  return new Blob([buffer], { type })
+}

package/src/helpers/camelize-fields-name.js

@@ -1,15 +1,15 @@
-import { camelize } from 'humps'
-
-export default function camelizeFieldsName (fields) {
-  for (const field in fields) {
-    const currentField = fields[field]
-
-    currentField.name = camelize(currentField.name)
-
-    if (Object.keys(currentField.children || {}).length) {
-      camelizeFieldsName(currentField.children)
-    }
-  }
-
-  return fields
-}
+import { camelize } from 'humps'
+
+export default function camelizeFieldsName (fields) {
+  for (const field in fields) {
+    const currentField = fields[field]
+
+    currentField.name = camelize(currentField.name)
+
+    if (Object.keys(currentField.children || {}).length) {
+      camelizeFieldsName(currentField.children)
+    }
+  }
+
+  return fields
+}