quasar 2.16.7 → 2.16.9

package/icon-set/material-symbols-outlined.js

@@ -30,7 +30,7 @@ export default {
     right: 'sym_o_chevron_right',
     up: 'sym_o_keyboard_arrow_up',
     down: 'sym_o_keyboard_arrow_down',
-    navigationIcon: 'sym_o_lens'
+    navigationIcon: 'sym_o_circle'
   },
   chip: {
     remove: 'sym_o_cancel',
@@ -118,7 +118,7 @@ export default {
     icon: 'sym_o_play_arrow'
   },
   uploader: {
-    done: 'sym_o_done',
+    done: 'sym_o_check',
     clear: 'sym_o_close',
     add: 'sym_o_add_box',
     upload: 'sym_o_cloud_upload',

package/icon-set/material-symbols-rounded.js

@@ -30,7 +30,7 @@ export default {
     right: 'sym_r_chevron_right',
     up: 'sym_r_keyboard_arrow_up',
     down: 'sym_r_keyboard_arrow_down',
-    navigationIcon: 'sym_r_lens'
+    navigationIcon: 'sym_r_circle'
   },
   chip: {
     remove: 'sym_r_cancel',
@@ -118,7 +118,7 @@ export default {
     icon: 'sym_r_play_arrow'
   },
   uploader: {
-    done: 'sym_r_done',
+    done: 'sym_r_check',
     clear: 'sym_r_close',
     add: 'sym_r_add_box',
     upload: 'sym_r_cloud_upload',

package/icon-set/material-symbols-sharp.js

@@ -30,7 +30,7 @@ export default {
     right: 'sym_s_chevron_right',
     up: 'sym_s_keyboard_arrow_up',
     down: 'sym_s_keyboard_arrow_down',
-    navigationIcon: 'sym_s_lens'
+    navigationIcon: 'sym_s_circle'
   },
   chip: {
     remove: 'sym_s_cancel',
@@ -118,7 +118,7 @@ export default {
     icon: 'sym_s_play_arrow'
   },
   uploader: {
-    done: 'sym_s_done',
+    done: 'sym_s_check',
     clear: 'sym_s_close',
     add: 'sym_s_add_box',
     upload: 'sym_s_cloud_upload',

package/icon-set/svg-material-symbols-outlined.js

@@ -23,7 +23,7 @@ import {
   symOutlinedRefresh,
   symOutlinedKeyboardArrowUp,
   symOutlinedKeyboardArrowDown,
-  symOutlinedLens,
+  symOutlinedCircle,
   symOutlinedCancel,
   symOutlinedCheck,
   symOutlinedSchedule,
@@ -64,7 +64,6 @@ import {
   symOutlinedGrade,
   symOutlinedEdit,
   symOutlinedPlayArrow,
-  symOutlinedDone,
   symOutlinedAddBox,
   symOutlinedCloudUpload,
   symOutlinedClearAll,
@@ -103,7 +102,7 @@ export default {
     right: symOutlinedChevronRight,
     up: symOutlinedKeyboardArrowUp,
     down: symOutlinedKeyboardArrowDown,
-    navigationIcon: symOutlinedLens
+    navigationIcon: symOutlinedCircle
   },
   chip: {
     remove: symOutlinedCancel,
@@ -191,7 +190,7 @@ export default {
     icon: symOutlinedPlayArrow
   },
   uploader: {
-    done: symOutlinedDone,
+    done: symOutlinedCheck,
     clear: symOutlinedClose,
     add: symOutlinedAddBox,
     upload: symOutlinedCloudUpload,

package/icon-set/svg-material-symbols-rounded.js

@@ -23,7 +23,7 @@ import {
   symRoundedRefresh,
   symRoundedKeyboardArrowUp,
   symRoundedKeyboardArrowDown,
-  symRoundedLens,
+  symRoundedCircle,
   symRoundedCancel,
   symRoundedCheck,
   symRoundedSchedule,
@@ -64,7 +64,6 @@ import {
   symRoundedGrade,
   symRoundedEdit,
   symRoundedPlayArrow,
-  symRoundedDone,
   symRoundedAddBox,
   symRoundedCloudUpload,
   symRoundedClearAll,
@@ -103,7 +102,7 @@ export default {
     right: symRoundedChevronRight,
     up: symRoundedKeyboardArrowUp,
     down: symRoundedKeyboardArrowDown,
-    navigationIcon: symRoundedLens
+    navigationIcon: symRoundedCircle
   },
   chip: {
     remove: symRoundedCancel,
@@ -191,7 +190,7 @@ export default {
     icon: symRoundedPlayArrow
   },
   uploader: {
-    done: symRoundedDone,
+    done: symRoundedCheck,
     clear: symRoundedClose,
     add: symRoundedAddBox,
     upload: symRoundedCloudUpload,

package/icon-set/svg-material-symbols-sharp.js

@@ -23,7 +23,7 @@ import {
   symSharpRefresh,
   symSharpKeyboardArrowUp,
   symSharpKeyboardArrowDown,
-  symSharpLens,
+  symSharpCircle,
   symSharpCancel,
   symSharpCheck,
   symSharpSchedule,
@@ -64,7 +64,6 @@ import {
   symSharpGrade,
   symSharpEdit,
   symSharpPlayArrow,
-  symSharpDone,
   symSharpAddBox,
   symSharpCloudUpload,
   symSharpClearAll,
@@ -103,7 +102,7 @@ export default {
     right: symSharpChevronRight,
     up: symSharpKeyboardArrowUp,
     down: symSharpKeyboardArrowDown,
-    navigationIcon: symSharpLens
+    navigationIcon: symSharpCircle
   },
   chip: {
     remove: symSharpCancel,
@@ -191,7 +190,7 @@ export default {
     icon: symSharpPlayArrow
   },
   uploader: {
-    done: symSharpDone,
+    done: symSharpCheck,
     clear: symSharpClose,
     add: symSharpAddBox,
     upload: symSharpCloudUpload,

package/lang/bs-BA.js

@@ -0,0 +1,93 @@
+export default {
+  isoName: 'bs-BA',
+  nativeName: 'Bosanski jezik',
+  label: {
+    clear: 'Očisti',
+    ok: 'OK',
+    cancel: 'Odustani',
+    close: 'Zatvori',
+    set: 'Postavi',
+    select: 'Odaberi',
+    reset: 'Poništi',
+    remove: 'Skloni',
+    update: 'Ažuriraj',
+    create: 'Dodaj',
+    search: 'Traži',
+    filter: 'Filter',
+    refresh: 'Osvježi',
+    expand: label => (label ? `Proširi "${ label }"` : 'Proširiti'),
+    collapse: label => (label ? `Sažmi "${ label }"` : 'Kolaps')
+  },
+  date: {
+    days: 'Nedjelja_Ponedjeljak_Utorak_Srijeda_Četvrtak_Petak_Subota'.split('_'),
+    daysShort: 'Ned_Pon_Uto_Sri_Čet_Pet_Sub'.split('_'),
+    months: 'Januar_Februar_Mart_April_Maj_Juni_Juli_August_Septembar_Oktobar_Novembar_Decembar'.split('_'),
+    monthsShort: 'Jan_Feb_Mar_Apr_Maj_Jun_Jul_Aug_Sep_Okt_Nov_Dec'.split('_'),
+    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: true,
+    pluralDay: 'dana'
+  },
+  table: {
+    noData: 'Nema podataka',
+    noResults: 'Nema odgovarajućih rezultata',
+    loading: 'Učitavanje...',
+    selectedRecords: rows => (
+      rows > 1
+        ? rows + ' odabranih redova.'
+        : (rows === 0 ? 'Nema' : '1') + ' odabranih redova.'
+    ),
+    recordsPerPage: 'Redova po stranici:',
+    allRows: 'Sve',
+    pagination: (start, end, total) => start + '-' + end + ' od ' + total,
+    columns: 'Kolone'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'Podebljano',
+    italic: 'Kurziv',
+    strikethrough: 'Precrtano',
+    underline: 'Podcrtano',
+    unorderedList: 'Označena lista',
+    orderedList: 'Numerirana lista',
+    subscript: 'Potpisano',
+    superscript: 'Natpisano',
+    hyperlink: 'Hiperlink',
+    toggleFullscreen: 'Puni ekran',
+    quote: 'Citat',
+    left: 'Poravnati ulijevo',
+    center: 'Centrirati',
+    right: 'Poravnati udesno',
+    justify: 'Poravnati obostrano',
+    print: 'Print',
+    outdent: 'Smanjiti uvlačenje',
+    indent: 'Povećati uvlačenje',
+    removeFormat: 'Skloniti formatiranje',
+    formatting: 'Formatirati',
+    fontSize: 'Veličina slova',
+    align: 'Poravnati',
+    hr: 'Ubaciti vodoravno ravnalo',
+    undo: 'Poništiti',
+    redo: 'Vratiti',
+    heading1: 'Naslov 1',
+    heading2: 'Naslov 2',
+    heading3: 'Naslov 3',
+    heading4: 'Naslov 4',
+    heading5: 'Naslov 5',
+    heading6: 'Naslov 6',
+    paragraph: 'Odlomak',
+    code: 'Kod',
+    size1: 'Vrlo malo',
+    size2: 'Malo manje',
+    size3: 'Normalno',
+    size4: 'Srednje',
+    size5: 'Veliko',
+    size6: 'Vrlo veliko',
+    size7: 'Najveće',
+    defaultFont: 'Zadani font',
+    viewSource: 'Pogledaj izvor'
+  },
+  tree: {
+    noNodes: 'Nema nijednog čvora',
+    noResults: 'Nema odgovarajućih čvorova'
+  }
+}

package/lang/index.json

@@ -1 +1 @@
-[{"isoName":"ar-TN","nativeName":"العربية (تونس)"},{"isoName":"ar","nativeName":"العربية"},{"isoName":"az-Latn","nativeName":"Azerbaijani (latin)"},{"isoName":"bg","nativeName":"български език"},{"isoName":"bn","nativeName":"বাংলা"},{"isoName":"ca","nativeName":"Català"},{"isoName":"cs","nativeName":"Čeština"},{"isoName":"da","nativeName":"Dansk"},{"isoName":"de-CH","nativeName":"Deutsch (CH)"},{"isoName":"de-DE","nativeName":"Deutsch (DE)"},{"isoName":"de","nativeName":"Deutsch"},{"isoName":"el","nativeName":"ελληνικά"},{"isoName":"en-GB","nativeName":"English (UK)"},{"isoName":"en-US","nativeName":"English (US)"},{"isoName":"eo","nativeName":"Esperanto"},{"isoName":"es","nativeName":"Español"},{"isoName":"et","nativeName":"Eesti"},{"isoName":"eu","nativeName":"Euskara"},{"isoName":"fa-IR","nativeName":"فارسی"},{"isoName":"fa","nativeName":"فارسی"},{"isoName":"fi","nativeName":"Suomi"},{"isoName":"fr","nativeName":"Français"},{"isoName":"gn","nativeName":"Avañe'ẽ"},{"isoName":"he","nativeName":"עברית"},{"isoName":"hi","nativeName":"अमेरिकी अंग्रेज़ी"},{"isoName":"hr","nativeName":"Hrvatski jezik"},{"isoName":"hu","nativeName":"Magyar"},{"isoName":"id","nativeName":"Bahasa Indonesia"},{"isoName":"is","nativeName":"Íslenska"},{"isoName":"it","nativeName":"Italiano"},{"isoName":"ja","nativeName":"日本語 (にほんご)"},{"isoName":"kk","nativeName":"Қазақша"},{"isoName":"km","nativeName":"ខ្មែរ"},{"isoName":"ko-KR","nativeName":"한국어"},{"isoName":"kur-CKB","nativeName":"کوردی سۆرانی"},{"isoName":"lt","nativeName":"Lithuanian"},{"isoName":"lu","nativeName":"Kiluba"},{"isoName":"lv","nativeName":"Latviešu valoda"},{"isoName":"mk","nativeName":"Македонски"},{"isoName":"ml","nativeName":"മലയാളം"},{"isoName":"mm","nativeName":"မြန်မာ(ဗမာ)"},{"isoName":"ms-MY","nativeName":"Malaysia"},{"isoName":"ms","nativeName":"Bahasa Melayu"},{"isoName":"my","nativeName":"Malaysia"},{"isoName":"nb-NO","nativeName":"Norsk"},{"isoName":"nl","nativeName":"Nederlands"},{"isoName":"pl","nativeName":"Polski"},{"isoName":"pt-BR","nativeName":"Português (BR)"},{"isoName":"pt","nativeName":"Português"},{"isoName":"ro","nativeName":"Română"},{"isoName":"ru","nativeName":"русский"},{"isoName":"sk","nativeName":"Slovenčina"},{"isoName":"sl","nativeName":"Slovenski Jezik"},{"isoName":"sm","nativeName":"Fa'asāmoa"},{"isoName":"sr-CYR","nativeName":"српски језик"},{"isoName":"sr","nativeName":"srpski jezik"},{"isoName":"sv","nativeName":"Svenska"},{"isoName":"ta","nativeName":"தமிழ்"},{"isoName":"th","nativeName":"ไทย"},{"isoName":"tl","nativeName":"Tagalog"},{"isoName":"tr","nativeName":"Türkçe"},{"isoName":"ug","nativeName":"ئۇيغۇرچە"},{"isoName":"uk","nativeName":"Українська"},{"isoName":"uz-Cyrl","nativeName":"Ўзбекча (Кирил)"},{"isoName":"uz-Latn","nativeName":"O'zbekcha (Lotin)"},{"isoName":"vi","nativeName":"Tiếng Việt"},{"isoName":"zh-CN","nativeName":"中文(简体)"},{"isoName":"zh-TW","nativeName":"中文（繁體）"}]
+[{"isoName":"ar-TN","nativeName":"العربية (تونس)"},{"isoName":"ar","nativeName":"العربية"},{"isoName":"az-Latn","nativeName":"Azerbaijani (latin)"},{"isoName":"bg","nativeName":"български език"},{"isoName":"bn","nativeName":"বাংলা"},{"isoName":"bs-BA","nativeName":"Bosanski jezik"},{"isoName":"ca","nativeName":"Català"},{"isoName":"cs","nativeName":"Čeština"},{"isoName":"da","nativeName":"Dansk"},{"isoName":"de-CH","nativeName":"Deutsch (CH)"},{"isoName":"de-DE","nativeName":"Deutsch (DE)"},{"isoName":"de","nativeName":"Deutsch"},{"isoName":"el","nativeName":"ελληνικά"},{"isoName":"en-GB","nativeName":"English (UK)"},{"isoName":"en-US","nativeName":"English (US)"},{"isoName":"eo","nativeName":"Esperanto"},{"isoName":"es","nativeName":"Español"},{"isoName":"et","nativeName":"Eesti"},{"isoName":"eu","nativeName":"Euskara"},{"isoName":"fa-IR","nativeName":"فارسی"},{"isoName":"fa","nativeName":"فارسی"},{"isoName":"fi","nativeName":"Suomi"},{"isoName":"fr","nativeName":"Français"},{"isoName":"gn","nativeName":"Avañe'ẽ"},{"isoName":"he","nativeName":"עברית"},{"isoName":"hi","nativeName":"अमेरिकी अंग्रेज़ी"},{"isoName":"hr","nativeName":"Hrvatski jezik"},{"isoName":"hu","nativeName":"Magyar"},{"isoName":"id","nativeName":"Bahasa Indonesia"},{"isoName":"is","nativeName":"Íslenska"},{"isoName":"it","nativeName":"Italiano"},{"isoName":"ja","nativeName":"日本語 (にほんご)"},{"isoName":"kk","nativeName":"Қазақша"},{"isoName":"km","nativeName":"ខ្មែរ"},{"isoName":"ko-KR","nativeName":"한국어"},{"isoName":"kur-CKB","nativeName":"کوردی سۆرانی"},{"isoName":"lt","nativeName":"Lithuanian"},{"isoName":"lu","nativeName":"Kiluba"},{"isoName":"lv","nativeName":"Latviešu valoda"},{"isoName":"mk","nativeName":"Македонски"},{"isoName":"ml","nativeName":"മലയാളം"},{"isoName":"mm","nativeName":"မြန်မာ(ဗမာ)"},{"isoName":"ms-MY","nativeName":"Malaysia"},{"isoName":"ms","nativeName":"Bahasa Melayu"},{"isoName":"my","nativeName":"Malaysia"},{"isoName":"nb-NO","nativeName":"Norsk"},{"isoName":"nl","nativeName":"Nederlands"},{"isoName":"pl","nativeName":"Polski"},{"isoName":"pt-BR","nativeName":"Português (BR)"},{"isoName":"pt","nativeName":"Português"},{"isoName":"ro","nativeName":"Română"},{"isoName":"ru","nativeName":"русский"},{"isoName":"sk","nativeName":"Slovenčina"},{"isoName":"sl","nativeName":"Slovenski Jezik"},{"isoName":"sm","nativeName":"Fa'asāmoa"},{"isoName":"sr-CYR","nativeName":"српски језик"},{"isoName":"sr","nativeName":"srpski jezik"},{"isoName":"sv","nativeName":"Svenska"},{"isoName":"ta","nativeName":"தமிழ்"},{"isoName":"th","nativeName":"ไทย"},{"isoName":"tl","nativeName":"Tagalog"},{"isoName":"tr","nativeName":"Türkçe"},{"isoName":"ug","nativeName":"ئۇيغۇرچە"},{"isoName":"uk","nativeName":"Українська"},{"isoName":"uz-Cyrl","nativeName":"Ўзбекча (Кирил)"},{"isoName":"uz-Latn","nativeName":"O'zbekcha (Lotin)"},{"isoName":"vi","nativeName":"Tiếng Việt"},{"isoName":"zh-CN","nativeName":"中文(简体)"},{"isoName":"zh-TW","nativeName":"中文（繁體）"}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.16.7",
+  "version": "2.16.9",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "type": "module",
   "module": "dist/quasar.client.js",

package/src/components/avatar/QAvatar.sass

@@ -5,13 +5,13 @@
 
   border-radius: 50%
 
-  font-size: 48px
+  font-size: $avatar-font-size
   height: 1em
   width: 1em
 
   &__content
-    font-size: .5em
-    line-height: .5em
+    font-size: $avatar-content-font-size
+    line-height: $avatar-content-line-height
 
   &__content, img:not(.q-icon):not(.q-img__image)
     border-radius: inherit

package/src/components/badge/QBadge.sass

@@ -3,9 +3,9 @@
   color: #fff
   padding: 2px 6px
   border-radius: $generic-border-radius
-  font-size: 12px
-  line-height: 12px
-  min-height: 12px
+  font-size: $badge-font-size
+  line-height: $badge-line-height
+  min-height: $badge-min-height
   font-weight: normal
   vertical-align: baseline
 

package/src/components/banner/QBanner.sass

@@ -9,9 +9,9 @@
   &__avatar
     min-width: 1px !important
     > .q-avatar
-      font-size: 46px
+      font-size: $banner-avatar-font-size
     > .q-icon
-      font-size: 40px
+      font-size: $banner-avatar-icon-font-size
 
   &__avatar:not(:empty) + &__content
     padding-left: 16px
@@ -30,7 +30,7 @@
       padding-top: 12px
     .q-banner__avatar
       > .q-avatar, > .q-icon
-        font-size: 28px
+        font-size: $banner-avatar-dense-font-size
     .q-banner__avatar:not(:empty) + .q-banner__content
       padding-left: 8px
     .q-banner__actions

package/src/components/bar/QBar.sass

@@ -13,19 +13,19 @@
 
   &--standard
     padding: 0 12px
-    height: 32px
+    height: $bar-height
     font-size: 18px
     > div
-      font-size: 16px
+      font-size: $bar-inner-font-size
     .q-btn
-      font-size: 11px
+      font-size: $bar-button-font-size
 
   &--dense
     padding: 0 8px
-    height: 24px
-    font-size: 14px
+    height: $bar-dense-height
+    font-size: $bar-dense-font-size
     .q-btn
-      font-size: 8px
+      font-size: $bar-dense-button-font-size
 
   &--dark
     background: rgba(255,255,255,.15)

package/src/components/breadcrumbs/QBreadcrumbs.sass

@@ -4,7 +4,7 @@
     color: inherit
 
   &__el-icon
-    font-size: 125%
+    font-size: $breadcrumbs-icon-font-size
 
     &--with-label
       margin-right: 8px

package/src/components/btn/QBtn.sass

@@ -117,7 +117,7 @@
 
   &--fab, &--fab-mini
     .q-icon
-      font-size: 24px
+      font-size: $button-fab-icon-font-size
 
   &--fab
     padding: 16px

package/src/components/carousel/QCarousel.sass

@@ -20,7 +20,7 @@
     pointer-events: none
 
     .q-icon
-      font-size: 28px
+      font-size: $carousel-arrow-icon-font-size
     .q-btn
       pointer-events: all
 

package/src/components/chat/QChatMessage.sass

@@ -1,15 +1,17 @@
-.q-message-name, .q-message-stamp, .q-message-label
-  font-size: small
+.q-message-name
+  font-size: $chat-message-name-font-size
 
 .q-message-label
   margin: (3 * $chat-message-distance) 0
   text-align: center
+  font-size: $chat-message-label-font-size
 
 .q-message-stamp
   color: inherit
   margin-top: 4px
   opacity: .6
   display: none
+  font-size: $chat-message-stamp-font-size
 
 .q-message-avatar
   border-radius: 50%

package/src/components/checkbox/QCheckbox.sass

@@ -40,7 +40,7 @@ $checkbox-transition: .22s cubic-bezier(0,0,.2,1) 0ms
     transform: rotate(-280deg) scale(0)
 
   &__inner
-    font-size: 40px
+    font-size: $checkbox-inner-font-size
     width: 1em
     min-width: 1em
     height: 1em

package/src/components/chip/QChip.sass

@@ -1,5 +1,3 @@
-$chip-height: 2em
-
 .q-chip
   vertical-align: middle
   border-radius: 16px
@@ -13,7 +11,7 @@ $chip-height: 2em
   background: #e0e0e0
   color: rgba(0,0,0,.87)
 
-  font-size: 14px
+  font-size: $chip-font-size
   padding: .5em .9em
 
   &--colored, &--dark
@@ -25,7 +23,7 @@ $chip-height: 2em
     border: 1px solid currentColor
 
   .q-avatar
-    font-size: $chip-height
+    font-size: $chip-avatar-font-size
     margin-left: -.45em
     margin-right: .2em
     border-radius: 16px
@@ -59,10 +57,10 @@ $chip-height: 2em
   &--dense
     border-radius: 12px
     padding: 0 .4em
-    height: 1.5em
+    height: $chip-dense-height
 
     .q-avatar
-      font-size: 1.5em
+      font-size: $chip-dense-avatar-font-size
       margin-left: -.27em
       margin-right: .1em
       border-radius: 12px

package/src/components/color/QColor.sass

@@ -134,7 +134,7 @@
       margin-right: 18px
 
     input
-      font-size: 11px
+      font-size: $color-picker-tune-tab-input-font-size
       border: 1px solid $grey-4
       border-radius: $generic-border-radius
       width: 3.5em

package/src/components/date/QDate.sass

@@ -33,14 +33,14 @@
       opacity: 1
 
   &__header-subtitle
-    font-size: 14px
-    line-height: 1.75
-    letter-spacing: .00938em
+    font-size: $date-header-subtitle-font-size
+    line-height: $date-header-subtitle-line-height
+    letter-spacing: $date-header-subtitle-letter-spacing
 
   &__header-title-label
-    font-size: 24px
-    line-height: 1.2
-    letter-spacing: .00735em
+    font-size: $date-header-title-label-font-size
+    line-height: $date-header-title-label-line-height
+    letter-spacing: $date-header-title-label-letter-spacing
 
   &__view
     height: 100%
@@ -64,7 +64,7 @@
     height: 12.5%
     > div
       opacity: .38
-      font-size: 12px
+      font-size: $date-calendar-weekdays-inner-font-size
 
   &__calendar-item
     display: inline-flex

package/src/components/dialog/QDialog.sass

@@ -1,13 +1,13 @@
 .q-dialog
 
   &__title
-    font-size: 1.25rem
+    font-size: $dialog-title-font-size
     font-weight: 500
-    line-height: 2rem
-    letter-spacing: .0125em
+    line-height: $dialog-title-line-height
+    letter-spacing: $dialog-title-letter-spacing
 
   &__progress
-    font-size: 4rem
+    font-size: $dialog-progress-font-size
 
   &__inner
     outline: 0

package/src/components/fab/QFab.sass

@@ -75,8 +75,8 @@
         padding-left: .571em
 
   &__icon-holder
-    min-width: 24px
-    min-height: 24px
+    min-width: $button-fab-icon-font-size
+    min-height: $button-fab-icon-font-size
     position: relative
 
     &--opened

package/src/components/field/QField.sass

@@ -11,18 +11,18 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     display: none
 
   &--with-bottom
-    padding-bottom: 20px
+    padding-bottom: $field-with-bottom-padding-bottom
 
   &__marginal
     height: 56px
     color: rgba(0,0,0,.54)
-    font-size: 24px
+    font-size: $field-marginal-font-size
 
     > * + *
       margin-left: 2px
 
     .q-avatar
-      font-size: 32px
+      font-size: $field-marginal-avatar-font-size
 
   &__before, &__prepend
     padding-right: 12px
@@ -40,9 +40,9 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     text-align: left
 
   &__bottom
-    font-size: 12px
+    font-size: $field-bottom-font-size
     min-height: 20px
-    line-height: 1
+    line-height: $field-bottom-line-height
     color: rgba(0,0,0,.54)
     padding: 8px 12px 0
     backface-visibility: hidden
@@ -188,13 +188,13 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
 
   &__label
     left: 0
-    top: 18px
+    top: $field-label-top
     max-width: 100%
     color: $input-label-color
-    font-size: 16px
-    line-height: 20px
+    font-size: $field-label-font-size
+    line-height: $field-label-line-height
     font-weight: 400
-    letter-spacing: .00937em
+    letter-spacing: $field-label-letter-spacing
     text-decoration: inherit
     text-transform: inherit
     transform-origin: left top
@@ -418,16 +418,19 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
         padding-bottom: 2px
 
   &--dense
+    .q-field--with-bottom
+      padding-bottom: $field-dense-with-bottom-padding-bottom
+
     .q-field__shadow
       top: 0
     .q-field__control, .q-field__marginal
       height: 40px
     .q-field__bottom
-      font-size: 11px
+      font-size: $field-dense-bottom-font-size
 
     .q-field__label
-      font-size: 14px
-      top: 10px
+      font-size: $field-dense-label-font-size
+      top: $field-dense-label-top
     .q-field__before, .q-field__prepend
       padding-right: 6px
     .q-field__after, .q-field__append
@@ -437,7 +440,7 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
 
     .q-field__marginal
       .q-avatar
-        font-size: 24px
+        font-size: $field-dense-marginal-avatar-font-size
 
     &.q-field--float .q-field__label
       transform: translateY(-30%) scale(.75)

package/src/components/field/__tests__/QField.cy.js

@@ -17,7 +17,7 @@ describe('Field API', () => {
       describe('(prop): maxlength', () => {
         it.skip(' ', () => {
           // It is tricky to test this since it will require that we setup a control slot with v-model.
-          // This is already tested in QInput and others using use-field composable, so are not not testing it.
+          // This is already tested in QInput and others using use-field composable, so are not testing it.
         })
       })
     })

package/src/components/icon/QIcon.sass

@@ -25,6 +25,9 @@
     width: 100%
     height: 100%
 
+  > div
+    box-sizing: border-box // example: QBadge
+
 .q-icon,
 .material-icons,
 .material-icons-outlined,

package/src/components/input/__tests__/QInput.cy.js

@@ -57,7 +57,7 @@ describe('Input API', () => {
       })
 
       describe('(prop): loading', () => {
-        it('should should set the component into a loading state', () => {
+        it('should set the component into a loading state', () => {
           mountQInput({
             props: {
               loading: true