npm - wini-web-components - Versions diffs - 2.8.5 → 2.8.6 - Mend

wini-web-components 2.8.5 → 2.8.6

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.

Files changed (129) hide show

package/dist/index.js.js +9 -9
package/dist/index.js.mjs +745 -895
package/global.d.ts +6 -0
package/package.json +3 -4
package/dist/component/button/button.d.ts +0 -22
package/dist/component/button/button.d.ts.map +0 -1
package/dist/component/calendar/calendar.d.ts +0 -31
package/dist/component/calendar/calendar.d.ts.map +0 -1
package/dist/component/carousel/carousel.d.ts +0 -32
package/dist/component/carousel/carousel.d.ts.map +0 -1
package/dist/component/checkbox/checkbox.d.ts +0 -25
package/dist/component/checkbox/checkbox.d.ts.map +0 -1
package/dist/component/ck-editor/ckeditor.d.ts +0 -36
package/dist/component/ck-editor/ckeditor.d.ts.map +0 -1
package/dist/component/component-status.d.ts +0 -8
package/dist/component/component-status.d.ts.map +0 -1
package/dist/component/date-time-picker/date-time-picker.d.ts +0 -36
package/dist/component/date-time-picker/date-time-picker.d.ts.map +0 -1
package/dist/component/dialog/dialog.d.ts +0 -18
package/dist/component/dialog/dialog.d.ts.map +0 -1
package/dist/component/import-file/import-file.d.ts +0 -34
package/dist/component/import-file/import-file.d.ts.map +0 -1
package/dist/component/infinite-scroll/infinite-scroll.d.ts +0 -18
package/dist/component/infinite-scroll/infinite-scroll.d.ts.map +0 -1
package/dist/component/input-multi-select/input-multi-select.d.ts +0 -22
package/dist/component/input-multi-select/input-multi-select.d.ts.map +0 -1
package/dist/component/input-otp/input-otp.d.ts +0 -23
package/dist/component/input-otp/input-otp.d.ts.map +0 -1
package/dist/component/number-picker/number-picker.d.ts +0 -24
package/dist/component/number-picker/number-picker.d.ts.map +0 -1
package/dist/component/pagination/pagination.d.ts +0 -14
package/dist/component/pagination/pagination.d.ts.map +0 -1
package/dist/component/popup/popup.d.ts +0 -40
package/dist/component/popup/popup.d.ts.map +0 -1
package/dist/component/progress-bar/progress-bar.d.ts +0 -16
package/dist/component/progress-bar/progress-bar.d.ts.map +0 -1
package/dist/component/progress-circle/progress-circle.d.ts +0 -13
package/dist/component/progress-circle/progress-circle.d.ts.map +0 -1
package/dist/component/radio-button/radio-button.d.ts +0 -21
package/dist/component/radio-button/radio-button.d.ts.map +0 -1
package/dist/component/rating/rating.d.ts +0 -24
package/dist/component/rating/rating.d.ts.map +0 -1
package/dist/component/select1/select1.d.ts +0 -32
package/dist/component/select1/select1.d.ts.map +0 -1
package/dist/component/switch/switch.d.ts +0 -24
package/dist/component/switch/switch.d.ts.map +0 -1
package/dist/component/table/table.d.ts +0 -51
package/dist/component/table/table.d.ts.map +0 -1
package/dist/component/tag/tag.d.ts +0 -23
package/dist/component/tag/tag.d.ts.map +0 -1
package/dist/component/text/text.d.ts +0 -16
package/dist/component/text/text.d.ts.map +0 -1
package/dist/component/text-area/text-area.d.ts +0 -28
package/dist/component/text-area/text-area.d.ts.map +0 -1
package/dist/component/text-field/text-field.d.ts +0 -37
package/dist/component/text-field/text-field.d.ts.map +0 -1
package/dist/component/toast-noti/toast-noti.d.ts +0 -5
package/dist/component/toast-noti/toast-noti.d.ts.map +0 -1
package/dist/component/wini-icon/winicon.d.ts +0 -27
package/dist/component/wini-icon/winicon.d.ts.map +0 -1
package/dist/form/login/view.d.ts +0 -41
package/dist/form/login/view.d.ts.map +0 -1
package/dist/index.d.ts +0 -34
package/dist/index.d.ts.map +0 -1
package/dist/language/i18n.d.ts +0 -3
package/dist/language/i18n.d.ts.map +0 -1
package/src/component/button/button.module.css +0 -210
package/src/component/button/button.tsx +0 -57
package/src/component/calendar/calendar.module.css +0 -153
package/src/component/calendar/calendar.tsx +0 -389
package/src/component/carousel/carousel.css +0 -622
package/src/component/carousel/carousel.tsx +0 -91
package/src/component/checkbox/checkbox.module.css +0 -48
package/src/component/checkbox/checkbox.tsx +0 -80
package/src/component/ck-editor/ck-editor.css +0 -206
package/src/component/ck-editor/ckeditor.tsx +0 -522
package/src/component/component-status.tsx +0 -53
package/src/component/date-time-picker/date-time-picker.module.css +0 -94
package/src/component/date-time-picker/date-time-picker.tsx +0 -663
package/src/component/dialog/dialog.module.css +0 -111
package/src/component/dialog/dialog.tsx +0 -109
package/src/component/import-file/import-file.module.css +0 -83
package/src/component/import-file/import-file.tsx +0 -174
package/src/component/infinite-scroll/infinite-scroll.module.css +0 -34
package/src/component/infinite-scroll/infinite-scroll.tsx +0 -35
package/src/component/input-multi-select/input-multi-select.module.css +0 -121
package/src/component/input-multi-select/input-multi-select.tsx +0 -263
package/src/component/input-otp/input-otp.module.css +0 -41
package/src/component/input-otp/input-otp.tsx +0 -110
package/src/component/number-picker/number-picker.module.css +0 -137
package/src/component/number-picker/number-picker.tsx +0 -107
package/src/component/pagination/pagination.module.css +0 -48
package/src/component/pagination/pagination.tsx +0 -88
package/src/component/popup/popup.css +0 -136
package/src/component/popup/popup.tsx +0 -125
package/src/component/progress-bar/progress-bar.module.css +0 -42
package/src/component/progress-bar/progress-bar.tsx +0 -33
package/src/component/progress-circle/progress-circle.css +0 -0
package/src/component/progress-circle/progress-circle.tsx +0 -25
package/src/component/radio-button/radio-button.module.css +0 -51
package/src/component/radio-button/radio-button.tsx +0 -60
package/src/component/rating/rating.module.css +0 -11
package/src/component/rating/rating.tsx +0 -65
package/src/component/select1/select1.module.css +0 -108
package/src/component/select1/select1.tsx +0 -271
package/src/component/switch/switch.module.css +0 -53
package/src/component/switch/switch.tsx +0 -68
package/src/component/table/table.css +0 -74
package/src/component/table/table.tsx +0 -108
package/src/component/tag/tag.module.css +0 -108
package/src/component/tag/tag.tsx +0 -31
package/src/component/text/text.css +0 -27
package/src/component/text/text.tsx +0 -24
package/src/component/text-area/text-area.module.css +0 -57
package/src/component/text-area/text-area.tsx +0 -65
package/src/component/text-field/text-field.module.css +0 -71
package/src/component/text-field/text-field.tsx +0 -102
package/src/component/toast-noti/toast-noti.css +0 -866
package/src/component/toast-noti/toast-noti.tsx +0 -22
package/src/component/wini-icon/winicon.module.css +0 -110
package/src/component/wini-icon/winicon.tsx +0 -9424
package/src/form/login/view.module.css +0 -80
package/src/form/login/view.tsx +0 -138
package/src/index.tsx +0 -66
package/src/language/i18n.tsx +0 -143
package/src/skin/layout.css +0 -649
package/src/skin/root.css +0 -294
package/src/skin/typography.css +0 -314
package/src/vite-env.d.ts +0 -1

package/src/skin/layout.css DELETED Viewed

@@ -1,649 +0,0 @@
-* {
-    flex-shrink: 0;
-    box-sizing: border-box;
-}
-.row {
-    display: -webkit-flex;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    overflow: hidden;
-}
-.row>.remain {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 1 !important;
-}
-/* .col>.remain {
-    height: auto !important;
-    min-height: auto !important;
-    flex: 1 !important;
-} */
-.col {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-}
-.row>.col0 {
-    display: none !important;
-}
-.row>.col1 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 1 / 24) - var(--gutter) * 23 / 24) !important;
-}
-.row>.col2 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 2 / 24) - var(--gutter) * 11 / 12) !important;
-}
-.row>.col3 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 3 / 24) - var(--gutter) * 7 / 8) !important;
-}
-.row>.col4 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 4 / 24) - var(--gutter) * 5 / 6) !important;
-}
-.row>.col6 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 6 / 24) - var(--gutter) * 3 / 4) !important;
-}
-.row>.col8 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 8 / 24) - var(--gutter) * 2 / 3) !important;
-}
-.row>.col10 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 10 / 24) - var(--gutter) * 5 / 6) !important;
-}
-.row>.col12 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 12 / 24) - var(--gutter) / 2) !important;
-}
-.row>.col16 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 16 / 24) - var(--gutter) * 1 / 3) !important;
-}
-.row>.col18 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 18 / 24) - var(--gutter) * 1 / 4) !important;
-}
-.row>.col20 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 calc((100% * 20 / 24) - var(--gutter) * 1 / 6) !important;
-}
-.row>.col24 {
-    width: auto !important;
-    min-width: auto !important;
-    flex: 0 100% !important;
-}
-/* Extra small devices (phones, 576px and down) min*/
-@media only screen and (max-width: 576px) {
-    :root {
-        font-size: 6.8px !important;
-    }
-    .row>.remain-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 1 !important;
-    }
-    .row>.col0-min {
-        display: none !important;
-    }
-    .row>.col1-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 1 / 24) - var(--gutter) * 23 / 24) !important;
-    }
-    .row>.col2-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 2 / 24) - var(--gutter) * 11 / 12) !important;
-    }
-    .row>.col3-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 3 / 24) - var(--gutter) * 7 / 8) !important;
-    }
-    .row>.col4-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 4 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col6-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 6 / 24) - var(--gutter) * 3 / 4) !important;
-    }
-    .row>.col8-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 8 / 24) - var(--gutter) * 2 / 3) !important;
-    }
-    .row>.col10-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 10 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col12-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 12 / 24) - var(--gutter) / 2) !important;
-    }
-    .row>.col16-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 16 / 24) - var(--gutter) * 1 / 3) !important;
-    }
-    .row>.col18-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 18 / 24) - var(--gutter) * 1 / 4) !important;
-    }
-    .row>.col20-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 20 / 24) - var(--gutter) * 1 / 6) !important;
-    }
-    .row>.col24-min {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 100% !important;
-    }
-    /* more config responsive */
-}
-/* Small devices (portrait tablets and large phones, 576px and up) Small (sm)*/
-@media only screen and (min-width: 576px) and (max-width: 768px) {
-    :root {
-        font-size: 7.2px !important;
-    }
-    .row>.remain-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 1 !important;
-    }
-    .row>.col0-sm {
-        display: none !important;
-    }
-    .row>.col1-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 1 / 24) - var(--gutter) * 23 / 24) !important;
-    }
-    .row>.col2-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 2 / 24) - var(--gutter) * 11 / 12) !important;
-    }
-    .row>.col3-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 3 / 24) - var(--gutter) * 7 / 8) !important;
-    }
-    .row>.col4-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 4 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col6-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 6 / 24) - var(--gutter) * 3 / 4) !important;
-    }
-    .row>.col8-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 8 / 24) - var(--gutter) * 2 / 3) !important;
-    }
-    .row>.col10-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 10 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col12-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 12 / 24) - var(--gutter) / 2) !important;
-    }
-    .row>.col16-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 16 / 24) - var(--gutter) * 1 / 3) !important;
-    }
-    .row>.col18-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 18 / 24) - var(--gutter) * 1 / 4) !important;
-    }
-    .row>.col20-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 20 / 24) - var(--gutter) * 1 / 6) !important;
-    }
-    .row>.col24-sm {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 100% !important;
-    }
-}
-/* Medium devices (landscape tablets, 768px and up) Medium (md)*/
-@media only screen and (min-width: 768px) and (max-width: 992px) {
-    :root {
-        font-size: 7.6px !important;
-    }
-    .row>.remain-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 1 !important;
-    }
-    .row>.col0-md {
-        display: none !important;
-    }
-    .row>.col1-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 1 / 24) - var(--gutter) * 23 / 24) !important;
-    }
-    .row>.col2-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 2 / 24) - var(--gutter) * 11 / 12) !important;
-    }
-    .row>.col3-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 3 / 24) - var(--gutter) * 7 / 8) !important;
-    }
-    .row>.col4-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 4 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col6-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 6 / 24) - var(--gutter) * 3 / 4) !important;
-    }
-    .row>.col8-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 8 / 24) - var(--gutter) * 2 / 3) !important;
-    }
-    .row>.col10-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 10 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col12-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 12 / 24) - var(--gutter) / 2) !important;
-    }
-    .row>.col16-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 16 / 24) - var(--gutter) * 1 / 3) !important;
-    }
-    .row>.col18-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 18 / 24) - var(--gutter) * 1 / 4) !important;
-    }
-    .row>.col20-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 20 / 24) - var(--gutter) * 1 / 6) !important;
-    }
-    .row>.col24-md {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 100% !important;
-    }
-    /* more config resposive */
-}
-/* Large devices (laptops/desktops, 992px and up) Large (lg)*/
-@media only screen and (min-width: 992px) and (max-width: 1200px) {
-    :root {
-        font-size: 8.4px !important;
-    }
-    .row>.remain-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 1 !important;
-    }
-    .row>.col0-lg {
-        display: none !important;
-    }
-    .row>.col1-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 1 / 24) - var(--gutter) * 23 / 24) !important;
-    }
-    .row>.col2-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 2 / 24) - var(--gutter) * 11 / 12) !important;
-    }
-    .row>.col3-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 3 / 24) - var(--gutter) * 7 / 8) !important;
-    }
-    .row>.col4-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 4 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col6-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 6 / 24) - var(--gutter) * 3 / 4) !important;
-    }
-    .row>.col8-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 8 / 24) - var(--gutter) * 2 / 3) !important;
-    }
-    .row>.col10-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 10 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col12-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 12 / 24) - var(--gutter) / 2) !important;
-    }
-    .row>.col16-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 16 / 24) - var(--gutter) * 1 / 3) !important;
-    }
-    .row>.col18-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 18 / 24) - var(--gutter) * 1 / 4) !important;
-    }
-    .row>.col20-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 20 / 24) - var(--gutter) * 1 / 6) !important;
-    }
-    .row>.col24-lg {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 100% !important;
-    }
-    /* more config resposive */
-}
-/* Extra large devices (large laptops and desktops, 1200px and up) X-large (xl)*/
-@media only screen and (min-width: 1200px) {
-    :root {
-        font-size: 8.8px !important;
-    }
-    .row>.remain-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 1 !important;
-    }
-    .row>.col0-xl {
-        display: none !important;
-    }
-    .row>.col1-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 1 / 24) - var(--gutter) * 23 / 24) !important;
-    }
-    .row>.col2-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 2 / 24) - var(--gutter) * 11 / 12) !important;
-    }
-    .row>.col3-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 3 / 24) - var(--gutter) * 7 / 8) !important;
-    }
-    .row>.col4-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 4 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col6-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 6 / 24) - var(--gutter) * 3 / 4) !important;
-    }
-    .row>.col8-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 8 / 24) - var(--gutter) * 2 / 3) !important;
-    }
-    .row>.col10-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 10 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col12-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 12 / 24) - var(--gutter) / 2) !important;
-    }
-    .row>.col16-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 16 / 24) - var(--gutter) * 1 / 3) !important;
-    }
-    .row>.col18-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 18 / 24) - var(--gutter) * 1 / 4) !important;
-    }
-    .row>.col20-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 20 / 24) - var(--gutter) * 1 / 6) !important;
-    }
-    .row>.col24-xl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 100% !important;
-    }
-    /* more config resposive */
-}
-/* Extra large devices (large laptops and desktops, 1600px and up) XX-large (xxl) */
-@media only screen and (min-width: 1600px) {
-    :root {
-        font-size: 10px !important;
-    }
-    .row>.remain-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 1 !important;
-    }
-    .row>.col0-xxl {
-        display: none !important;
-    }
-    .row>.col1-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 1 / 24) - var(--gutter) * 23 / 24) !important;
-    }
-    .row>.col2-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 2 / 24) - var(--gutter) * 11 / 12) !important;
-    }
-    .row>.col3-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 3 / 24) - var(--gutter) * 7 / 8) !important;
-    }
-    .row>.col4-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 4 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col6-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 6 / 24) - var(--gutter) * 3 / 4) !important;
-    }
-    .row>.col8-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 8 / 24) - var(--gutter) * 2 / 3) !important;
-    }
-    .row>.col10-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 10 / 24) - var(--gutter) * 5 / 6) !important;
-    }
-    .row>.col12-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 12 / 24) - var(--gutter) / 2) !important;
-    }
-    .row>.col16-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 16 / 24) - var(--gutter) * 1 / 3) !important;
-    }
-    .row>.col18-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 18 / 24) - var(--gutter) * 1 / 4) !important;
-    }
-    .row>.col20-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 calc((100% * 20 / 24) - var(--gutter) * 1 / 6) !important;
-    }
-    .row>.col24-xxl {
-        width: auto !important;
-        min-width: auto !important;
-        flex: 0 100% !important;
-    }
-}