buefy 3.0.4 → 3.0.5

package/dist/esm/numberinput.js

@@ -1,6 +1,6 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, mergeProps, createVNode, Fragment, renderList, normalizeClass, createElementVNode, withModifiers } from 'vue';
-import { B as BIcon } from './Icon-DPyGDeRK.js';
-import { B as BInput } from './Input-C4L520az.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, normalizeClass, createElementVNode, withModifiers, createVNode } from 'vue';
+import { B as BIcon } from './Icon-iqPKMem5.js';
+import { B as BInput } from './Input-JL4LWKyL.js';
 import { C as CompatFallthroughMixin } from './CompatFallthroughMixin-C8LPuwDr.js';
 import { F as FormElementMixin } from './FormElementMixin-Dd_wkBN5.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';

package/dist/esm/pagination.js

@@ -1,9 +1,9 @@
-import { B as BPagination, P as PaginationButton } from './Pagination-B-LAJQay.js';
+import { B as BPagination, P as PaginationButton } from './Pagination-BWFVCGiz.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './config-CKuo-p6e.js';
 import './_plugin-vue_export-helper-OJRSZE6i.js';
-import './Icon-DPyGDeRK.js';
+import './Icon-iqPKMem5.js';
 import './helpers.js';
 
 const Plugin = {

package/dist/esm/progress.js

@@ -1,5 +1,5 @@
-import { a as PROGRESS_INJECTION_KEY, P as Progress } from './Progress-BPGTVZgr.js';
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { a as PROGRESS_INJECTION_KEY, P as Progress } from './Progress-BxT2PFEw.js';
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import './config-CKuo-p6e.js';

package/dist/esm/radio.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, withKeys, normalizeClass, withModifiers, withDirectives, createElementVNode, vModelRadio, renderSlot } from 'vue';
+import { defineComponent, openBlock, createElementBlock, withKeys, withModifiers, normalizeClass, withDirectives, createElementVNode, vModelRadio, renderSlot } from 'vue';
 import { C as CheckRadioMixin } from './CheckRadioMixin-DSD_rjC8.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';

package/dist/esm/rate.js

@@ -1,6 +1,6 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, Fragment, renderList, withModifiers, createVNode, createBlock, normalizeStyle, createElementVNode, toDisplayString } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, withModifiers, createVNode, createBlock, normalizeStyle, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
 import { c as config } from './config-CKuo-p6e.js';
-import { B as BIcon } from './Icon-DPyGDeRK.js';
+import { B as BIcon } from './Icon-iqPKMem5.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import './helpers.js';

package/dist/esm/select.js

@@ -1,7 +1,7 @@
-import { B as BSelect } from './Select-bl4qUzij.js';
+import { B as BSelect } from './Select-dYTVc9W4.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
-import './Icon-DPyGDeRK.js';
+import './Icon-iqPKMem5.js';
 import './config-CKuo-p6e.js';
 import './helpers.js';
 import './_plugin-vue_export-helper-OJRSZE6i.js';

package/dist/esm/sidebar.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, vShow } from 'vue';
+import { defineComponent, openBlock, createElementBlock, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, vShow } from 'vue';
 import { c as config } from './config-CKuo-p6e.js';
 import { removeElement } from './helpers.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';

package/dist/esm/slider.js

@@ -1,5 +1,5 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, mergeProps, createVNode, withCtx, createElementVNode, withKeys, withModifiers, createCommentVNode, toDisplayString, normalizeStyle, normalizeClass, renderSlot, createBlock, Fragment, renderList } from 'vue';
-import { T as Tooltip } from './Tooltip-CtDSXAqa.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, withKeys, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, normalizeClass, renderSlot, Fragment, renderList, createBlock } from 'vue';
+import { T as Tooltip } from './Tooltip-Ds5fe3ZP.js';
 import { c as config } from './config-CKuo-p6e.js';
 import { C as CompatFallthroughMixin } from './CompatFallthroughMixin-C8LPuwDr.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';

package/dist/esm/snackbar.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, createCommentVNode, Fragment, toDisplayString, vShow, createApp, h, inject } from 'vue';
+import { defineComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, createCommentVNode, toDisplayString, vShow, createApp, h, inject } from 'vue';
 import { c as config } from './config-CKuo-p6e.js';
 import { N as NoticeMixin } from './NoticeMixin-ByNlva3T.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';

package/dist/esm/steps.js

@@ -1,6 +1,6 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, Fragment, renderList, withDirectives, createBlock, createCommentVNode, toDisplayString, vShow, withModifiers, createVNode } from 'vue';
-import { B as BIcon } from './Icon-DPyGDeRK.js';
-import { T as TabbedMixin, a as TabbedChildMixin } from './TabbedChildMixin-C4i6WP9j.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, withDirectives, createBlock, toDisplayString, createCommentVNode, vShow, renderSlot, withModifiers, createVNode } from 'vue';
+import { B as BIcon } from './Icon-iqPKMem5.js';
+import { T as TabbedMixin, a as TabbedChildMixin } from './TabbedChildMixin-BsuDQmWE.js';
 import { c as config } from './config-CKuo-p6e.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';

package/dist/esm/switch.js

@@ -1,5 +1,5 @@
 import { c as config } from './config-CKuo-p6e.js';
-import { defineComponent, createElementBlock, openBlock, withKeys, normalizeClass, withModifiers, withDirectives, createElementVNode, createCommentVNode, vModelCheckbox, renderSlot } from 'vue';
+import { defineComponent, openBlock, createElementBlock, withKeys, withModifiers, normalizeClass, withDirectives, createElementVNode, vModelCheckbox, renderSlot, createCommentVNode } from 'vue';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 

package/dist/esm/table.js

@@ -1,13 +1,13 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createBlock, withCtx, Fragment, renderList, createTextVNode, createCommentVNode, toDisplayString, withDirectives, vShow, createVNode, normalizeClass, renderSlot, h, toHandlerKey, camelize, toRaw, mergeProps, normalizeStyle, withKeys, withModifiers, Transition } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, withCtx, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow, createVNode, normalizeClass, renderSlot, h, toHandlerKey, camelize, toRaw, mergeProps, normalizeStyle, withKeys, withModifiers, Transition } from 'vue';
 import { getValueByPath, toCssWidth, removeElement, translateTouchAsDragEvent, isFragment, escapeRegExpChars, removeDiacriticsFromString, indexOf, multiColumnSort, isNil, createAbsoluteElement } from './helpers.js';
-import { B as BPagination, d as debounce } from './Pagination-B-LAJQay.js';
+import { B as BPagination, d as debounce } from './Pagination-BWFVCGiz.js';
 import { C as CompatFallthroughMixin } from './CompatFallthroughMixin-C8LPuwDr.js';
-import { B as BCheckbox } from './Checkbox-KUMz0sfA.js';
-import { B as BIcon } from './Icon-DPyGDeRK.js';
-import { B as BInput } from './Input-C4L520az.js';
-import { B as BLoading } from './Loading-tuQoo6TU.js';
+import { B as BCheckbox } from './Checkbox-u861Rije.js';
+import { B as BIcon } from './Icon-iqPKMem5.js';
+import { B as BInput } from './Input-JL4LWKyL.js';
+import { B as BLoading } from './Loading-BSqhV1Gi.js';
 import { B as BSlotComponent } from './SlotComponent-BwNpVnfH.js';
-import { B as BSelect } from './Select-bl4qUzij.js';
+import { B as BSelect } from './Select-dYTVc9W4.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import './config-CKuo-p6e.js';

package/dist/esm/tabs.js

@@ -1,7 +1,7 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, Fragment, renderList, withDirectives, createBlock, createCommentVNode, toDisplayString, vShow } from 'vue';
-import { B as BIcon } from './Icon-DPyGDeRK.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, renderList, withDirectives, createBlock, createCommentVNode, toDisplayString, vShow } from 'vue';
+import { B as BIcon } from './Icon-iqPKMem5.js';
 import { c as config } from './config-CKuo-p6e.js';
-import { T as TabbedMixin, a as TabbedChildMixin } from './TabbedChildMixin-C4i6WP9j.js';
+import { T as TabbedMixin, a as TabbedChildMixin } from './TabbedChildMixin-BsuDQmWE.js';
 import { B as BSlotComponent } from './SlotComponent-BwNpVnfH.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';

package/dist/esm/tag.js

@@ -1,8 +1,8 @@
-import { B as BTag } from './Tag-jS5Bcj6N.js';
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
+import { B as BTag } from './Tag-BFgiw0Ac.js';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
-import './Icon-DPyGDeRK.js';
+import './Icon-iqPKMem5.js';
 import './config-CKuo-p6e.js';
 import './helpers.js';
 

package/dist/esm/taginput.js

@@ -1,14 +1,14 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, normalizeClass, renderSlot, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, createSlots } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createSlots, createCommentVNode } from 'vue';
 import { getValueByPath } from './helpers.js';
-import { B as BTag } from './Tag-jS5Bcj6N.js';
-import { B as BAutocomplete } from './Autocomplete-CZ8DmXsB.js';
+import { B as BTag } from './Tag-BFgiw0Ac.js';
+import { B as BAutocomplete } from './Autocomplete-HsHD-6pc.js';
 import { c as config } from './config-CKuo-p6e.js';
 import { C as CompatFallthroughMixin } from './CompatFallthroughMixin-C8LPuwDr.js';
 import { F as FormElementMixin } from './FormElementMixin-Dd_wkBN5.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
-import './Icon-DPyGDeRK.js';
-import './Input-C4L520az.js';
+import './Icon-iqPKMem5.js';
+import './Input-JL4LWKyL.js';
 
 var _sfc_main = defineComponent({
   name: "BTaginput",

package/dist/esm/timepicker.js

@@ -1,4 +1,4 @@
-import { T as Timepicker } from './Timepicker-DnkqnOBT.js';
+import { T as Timepicker } from './Timepicker-CYqyLHE9.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './TimepickerMixin-Bikh6_Fg.js';
@@ -6,14 +6,14 @@ import './CompatFallthroughMixin-C8LPuwDr.js';
 import './config-CKuo-p6e.js';
 import './FormElementMixin-Dd_wkBN5.js';
 import './helpers.js';
-import './Dropdown-CGTYVyoL.js';
+import './Dropdown-BLadix4L.js';
 import './trapFocus-KHP_kCNE.js';
 import './_plugin-vue_export-helper-OJRSZE6i.js';
-import './DropdownItem-Cn3nM0A3.js';
-import './Input-C4L520az.js';
-import './Icon-DPyGDeRK.js';
-import './Field-B7bX_uUg.js';
-import './Select-bl4qUzij.js';
+import './DropdownItem-Crhb4RQp.js';
+import './Input-JL4LWKyL.js';
+import './Icon-iqPKMem5.js';
+import './Field-DZCOQuRO.js';
+import './Select-dYTVc9W4.js';
 
 const Plugin = {
   install(Vue) {

package/dist/esm/toast.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, createCommentVNode, vShow, createApp, h, inject } from 'vue';
+import { defineComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, createCommentVNode, vShow, createApp, h, inject } from 'vue';
 import { c as config } from './config-CKuo-p6e.js';
 import { N as NoticeMixin } from './NoticeMixin-ByNlva3T.js';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-OJRSZE6i.js';

package/dist/esm/tooltip.js

@@ -1,4 +1,4 @@
-import { T as Tooltip } from './Tooltip-CtDSXAqa.js';
+import { T as Tooltip } from './Tooltip-Ds5fe3ZP.js';
 import { a as registerComponent } from './plugins-1tLsuIZF.js';
 import 'vue';
 import './config-CKuo-p6e.js';

package/dist/esm/upload.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, mergeProps, renderSlot, createElementVNode, withModifiers, normalizeClass } from 'vue';
+import { defineComponent, openBlock, createElementBlock, mergeProps, renderSlot, withModifiers, normalizeClass, createElementVNode } from 'vue';
 import { C as CompatFallthroughMixin } from './CompatFallthroughMixin-C8LPuwDr.js';
 import { F as FormElementMixin } from './FormElementMixin-Dd_wkBN5.js';
 import { F as File } from './ssr-C7yEpGLm.js';

package/dist/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.52.8"
+      "packageVersion": "7.58.2"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buefy",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "Lightweight UI components for Vue.js (v3) based on Bulma",
   "keywords": [
     "vuejs",
@@ -68,7 +68,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "^1.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/jsdom": "^21.1.7",
     "@vue/test-utils": "^2.4.6",

package/src/components/carousel/CarouselList.vue

@@ -1,6 +1,6 @@
 <template>
     <div
-        class="carousel-list"
+        class="carousel carousel-list"
         :class="{'has-shadow': scrollIndex > 0}"
         @mousedown.prevent="dragStart"
         @touchstart="dragStart"

package/src/components/carousel/__snapshots__/CarouselList.spec.ts.snap

@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`BCarouselList > render correctly 1`] = `
-"<div class="carousel-list">
+"<div class="carousel carousel-list">
   <div class="carousel-slides" style="transform: translateX(0px);">
     <div class="carousel-slide is-active" style="width: 0px;">
       <b-image-stub src="https://picsum.photos/id/0/1230/500" lazy="true" responsive="true" srcsetformatter="[Function]" rounded="false" captionfirst="false" title="Slide 1" image="https://picsum.photos/id/0/1230/500"></b-image-stub>

package/src/components/checkbox/Checkbox.spec.ts

@@ -1,3 +1,5 @@
+import { existsSync, readFileSync } from 'node:fs'
+import { join } from 'node:path'
 import { shallowMount } from '@vue/test-utils'
 import type { VueWrapper } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
@@ -20,7 +22,9 @@ describe('BCheckbox', () => {
     })
 
     it('has an input checkbox', () => {
-        expect(wrapper.find('label input[type=checkbox]').exists()).toBeTruthy()
+        expect(
+            wrapper.find('label input[type=checkbox]').exists()
+        ).toBeTruthy()
     })
 
     it('emit input event with value when value change', async () => {
@@ -35,6 +39,36 @@ describe('BCheckbox', () => {
         (wrapper.vm.$refs.input as HTMLElement).focus = vi.fn()
         wrapper.vm.focus()
         await wrapper.vm.$nextTick()
-        expect((wrapper.vm.$refs.input as HTMLElement).focus).toHaveBeenCalled()
+        expect(
+            (wrapper.vm.$refs.input as HTMLElement).focus
+        ).toHaveBeenCalled()
+    })
+
+    it('generates svg checkmark images from concrete colors in checkbox styles', () => {
+        const scssPathCandidates = [
+            join(process.cwd(), 'src/scss/components/_checkbox.scss'),
+            join(process.cwd(), 'buefy/src/scss/components/_checkbox.scss')
+        ]
+        const scssPath = scssPathCandidates.find((candidate) =>
+            existsSync(candidate)
+        )
+
+        expect(scssPath).toBeTruthy()
+        if (!scssPath) {
+            throw new Error(
+                'Unable to locate _checkbox.scss for regression assertion'
+            )
+        }
+        const source = readFileSync(scssPath, 'utf8')
+
+        // Regression: CSS variables inside data-uri SVG are not resolved by browsers.
+        expect(source).toContain('fn.checkmark($checkbox-checkmark-color)')
+        expect(source).toContain('fn.indeterminate($checkbox-checkmark-color)')
+        expect(source).not.toContain(
+            'fn.checkmark(cv.getVar("checkbox-checkmark-color"))'
+        )
+        expect(source).not.toContain(
+            'fn.indeterminate(cv.getVar("checkbox-checkmark-color"))'
+        )
     })
 })

package/src/components/dropdown/Dropdown.spec.ts

@@ -226,4 +226,19 @@ describe('BDropdown', () => {
         expect(document.removeEventListener).toBeCalledWith('click', expect.any(Function))
         expect(document.removeEventListener).toBeCalledWith('keyup', expect.any(Function))
     })
+
+    it('removes is-clipped-touch on unmount while dropdown is open', async () => {
+        // Simulate dropdown open in mobile-modal mode (mobileModal defaults to
+        // true) so the isActive watcher calls handleScroll(), which adds
+        // is-clipped-touch to the html element.  Then destroy the component
+        // (e.g. route navigation) without closing it first.  The class must be
+        // removed so that scrolling is not permanently locked.
+        await wrapper.setData({ isActive: true })
+        // The isActive watcher triggers handleScroll() which adds the class.
+        expect(document.documentElement.classList.contains('is-clipped-touch')).toBe(true)
+
+        wrapper.unmount()
+
+        expect(document.documentElement.classList.contains('is-clipped-touch')).toBe(false)
+    })
 })

package/src/components/dropdown/Dropdown.vue

@@ -480,6 +480,11 @@ export default defineComponent({
         if (typeof window !== 'undefined') {
             document.removeEventListener('click', this.clickedOutside)
             document.removeEventListener('keyup', this.keyPress)
+            // Clean up scroll lock in case the component is destroyed while the
+            // dropdown is open (e.g., route navigation in a SPA). Without this,
+            // is-clipped-touch persists on the html element and permanently
+            // prevents scrolling on desktop browsers at mobile viewport widths.
+            document.documentElement.classList.remove('is-clipped-touch')
         }
         if (this.appendToBody) {
             removeElement(this.$data._bodyEl!)

package/src/scss/components/_checkbox.scss

@@ -31,25 +31,24 @@ $checkbox-colors: shared.$form-colors !default;
     "checkbox-border-width": #{$checkbox-border-width},
     "checkbox-checkmark-color": #{$checkbox-checkmark-color},
     "checkbox-size": #{$checkbox-size},
-    "checkbox-checkmark-image": #{url(fn.checkmark(cv.getVar("checkbox-checkmark-color")))},
-    "checkbox-indeterminate-image":  #{url(fn.indeterminate(cv.getVar("checkbox-checkmark-color")))} 
-
+    "checkbox-checkmark-image": #{url(fn.checkmark($checkbox-checkmark-color))},
+    "checkbox-indeterminate-image":  #{url(fn.indeterminate($checkbox-checkmark-color))} 
     )
   );
 
   &.checkbox input[type=checkbox] + .check {
 
     @each $name, $pair in $checkbox-colors {
-      $color: list.nth($pair, 1);
+      $color-invert: cv.getVar($name, "", "-invert");
 
       &.#{iv.$class-prefix}is-#{$name} {
         @include cv.register-vars(
           (
             "checkbox-active-background-color": #{cv.getVar($name)},
             "checkbox-border-color": #{cv.getVar($name)},
-            "checkbox-checkmark-color": #{cv.getVar($name, "", "-invert")},
-            "checkbox-checkmark-image": #{url(fn.checkmark(cv.getVar($name, "", "-invert")))},
-            "checkbox-indeterminate-image":  #{url(fn.indeterminate(cv.getVar($name, "", "-invert")))} 
+            "checkbox-checkmark-color": #{$color-invert},
+            "checkbox-checkmark-image": #{url(fn.checkmark($color-invert))},
+            "checkbox-indeterminate-image":  #{url(fn.indeterminate($color-invert))} 
           )
         );
       }