@ckbox/components 2.9.2 → 2.10.0
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.
- package/README.md +4 -4
- package/dist/index.d.ts +732 -504
- package/dist/index.js +1 -1
- package/dist/styles/ckbox.css +1 -1
- package/dist/styles/themes/lark.css +1 -1
- package/icons/AutoMode.svg +3 -0
- package/icons/KeyboardArrowDown.svg +3 -0
- package/icons/MoreHoriz.svg +1 -0
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
.ckbox.ckbox-theme-lark:not(#n){--ckbox-action-h: 218;--ckbox-action-s: 100%;--ckbox-action-l-10: 10%;--ckbox-action-l-20: 20%;--ckbox-action-l-30: 30%;--ckbox-action-l-40: 40%;--ckbox-action-l-45: 45%;--ckbox-action-l-50: 50%;--ckbox-action-l-60: 60%;--ckbox-action-l-65: 65%;--ckbox-action-l-70: 70%;--ckbox-action-l-80: 80%;--ckbox-action-l-90: 90%;--ckbox-action-l-100: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 100%;--ckbox-danger-l-10: 10%;--ckbox-danger-l-20: 20%;--ckbox-danger-l-30: 30%;--ckbox-danger-l-40: 40%;--ckbox-danger-l-45: 45%;--ckbox-danger-l-50: 50%;--ckbox-danger-l-60: 60%;--ckbox-danger-l-70: 70%;--ckbox-danger-l-80: 80%;--ckbox-danger-l-90: 90%;--ckbox-danger-l-100: 100%;--ckbox-neutral-h: 0;--ckbox-neutral-s: 0%;--ckbox-neutral-l-10: 10%;--ckbox-neutral-l-20: 20%;--ckbox-neutral-l-30: 30%;--ckbox-neutral-l-40: 40%;--ckbox-neutral-l-50: 50%;--ckbox-neutral-l-60: 60%;--ckbox-neutral-l-70: 70%;--ckbox-neutral-l-80: 80%;--ckbox-neutral-l-90: 90%;--ckbox-neutral-l-95: 95%;--ckbox-neutral-l-98: 98%;--ckbox-neutral-l-100: 100%;--ckbox-warning-h: 36;--ckbox-warning-s: 100%;--ckbox-warning-l-10: 10%;--ckbox-warning-l-20: 20%;--ckbox-warning-l-30: 30%;--ckbox-warning-l-40: 40%;--ckbox-warning-l-50: 50%;--ckbox-warning-l-60: 60%;--ckbox-warning-l-70: 70%;--ckbox-warning-l-80: 80%;--ckbox-warning-l-90: 90%;--ckbox-warning-l-100: 100%;--ckbox-success-h: 104;--ckbox-success-s: 50%;--ckbox-success-l-10: 10%;--ckbox-success-l-20: 20%;--ckbox-success-l-30: 30%;--ckbox-success-l-35: 35%;--ckbox-success-l-40: 40%;--ckbox-success-l-50: 50%;--ckbox-success-l-60: 60%;--ckbox-success-l-70: 70%;--ckbox-success-l-80: 80%;--ckbox-success-l-90: 90%;--ckbox-success-l-100: 100%;--ckbox-font-family: helvetica, arial, tahoma, verdana, sans-serif;--ckbox-font-smallest: 11px;--ckbox-font-smaller: 12px;--ckbox-font-small: 13px;--ckbox-font-base: 16px;--ckbox-font-medium: 18px;--ckbox-font-bigger: 23px;--ckbox-shadow-color: rgb(0 0 0 / 10%);--ckbox-radius-medium: 2px;--ckbox-radius-big: 2px;--ckbox-radius-bigger: 2px}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn.ckbox-btn--success{--ckbox-btn-background-color-fill: #53a336;--ckbox-btn-background-color-fill-hover: #4d9d30;--ckbox-btn-background-color-fill-active: #008a00}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--plain.ckbox-btn--action{--ckbox-btn-icon-color-override: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) )}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--plain-active.ckbox-btn--action{--ckbox-btn-icon-color-override: unset}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--action.ckbox-btn--outline{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));--ckbox-btn-icon-color-override: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) );--ckbox-btn-text-color: unset}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--fill.ckbox-btn--action{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));--ckbox-btn-icon-color-override: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) );--ckbox-btn-text-color-fill: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-10) );--ckbox-btn-background-color-fill: unset;--ckbox-btn-background-color-fill-hover: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60) / 15% );--ckbox-btn-background-color-fill-active: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60) / 20% )}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--fill.ckbox-btn--action:active{--ckbox-btn-icon-color-override: var(--ckbox-btn-icon-color-plain)}.ckbox.ckbox-theme-lark:not(#n) .ckbox-button-group .ckbox-btn.ckbox-btn--action{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-button-group .ckbox-btn.ckbox-btn--action:not(:last-child){border-right:unset}.ckbox.ckbox-theme-lark:not(#n) .ckbox-panel .ckbox-panel-side .ckbox-icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-menu-item .ckbox-icon--accent{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-switch-input__input{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-
|
|
1
|
+
.ckbox.ckbox-theme-lark:not(#n){--ckbox-action-h: 218;--ckbox-action-s: 100%;--ckbox-action-l-10: 10%;--ckbox-action-l-20: 20%;--ckbox-action-l-30: 30%;--ckbox-action-l-40: 40%;--ckbox-action-l-45: 45%;--ckbox-action-l-50: 50%;--ckbox-action-l-60: 60%;--ckbox-action-l-65: 65%;--ckbox-action-l-70: 70%;--ckbox-action-l-80: 80%;--ckbox-action-l-90: 90%;--ckbox-action-l-100: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 100%;--ckbox-danger-l-10: 10%;--ckbox-danger-l-20: 20%;--ckbox-danger-l-30: 30%;--ckbox-danger-l-40: 40%;--ckbox-danger-l-45: 45%;--ckbox-danger-l-50: 50%;--ckbox-danger-l-60: 60%;--ckbox-danger-l-70: 70%;--ckbox-danger-l-80: 80%;--ckbox-danger-l-90: 90%;--ckbox-danger-l-100: 100%;--ckbox-neutral-h: 0;--ckbox-neutral-s: 0%;--ckbox-neutral-l-10: 10%;--ckbox-neutral-l-20: 20%;--ckbox-neutral-l-30: 30%;--ckbox-neutral-l-40: 40%;--ckbox-neutral-l-50: 50%;--ckbox-neutral-l-60: 60%;--ckbox-neutral-l-70: 70%;--ckbox-neutral-l-80: 80%;--ckbox-neutral-l-90: 90%;--ckbox-neutral-l-95: 95%;--ckbox-neutral-l-98: 98%;--ckbox-neutral-l-100: 100%;--ckbox-warning-h: 36;--ckbox-warning-s: 100%;--ckbox-warning-l-10: 10%;--ckbox-warning-l-20: 20%;--ckbox-warning-l-30: 30%;--ckbox-warning-l-40: 40%;--ckbox-warning-l-50: 50%;--ckbox-warning-l-60: 60%;--ckbox-warning-l-70: 70%;--ckbox-warning-l-80: 80%;--ckbox-warning-l-90: 90%;--ckbox-warning-l-100: 100%;--ckbox-success-h: 104;--ckbox-success-s: 50%;--ckbox-success-l-10: 10%;--ckbox-success-l-20: 20%;--ckbox-success-l-30: 30%;--ckbox-success-l-35: 35%;--ckbox-success-l-40: 40%;--ckbox-success-l-50: 50%;--ckbox-success-l-60: 60%;--ckbox-success-l-70: 70%;--ckbox-success-l-80: 80%;--ckbox-success-l-90: 90%;--ckbox-success-l-100: 100%;--ckbox-font-family: helvetica, arial, tahoma, verdana, sans-serif;--ckbox-font-smallest: 11px;--ckbox-font-smaller: 12px;--ckbox-font-small: 13px;--ckbox-font-base: 16px;--ckbox-font-medium: 18px;--ckbox-font-bigger: 23px;--ckbox-shadow-color: rgb(0 0 0 / 10%);--ckbox-radius-medium: 2px;--ckbox-radius-big: 2px;--ckbox-radius-bigger: 2px}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn.ckbox-btn--success{--ckbox-btn-background-color-fill: #53a336;--ckbox-btn-background-color-fill-hover: #4d9d30;--ckbox-btn-background-color-fill-active: #008a00}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--plain.ckbox-btn--action{--ckbox-btn-icon-color-override: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) )}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--plain-active.ckbox-btn--action{--ckbox-btn-icon-color-override: unset}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--action.ckbox-btn--outline{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));--ckbox-btn-icon-color-override: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) );--ckbox-btn-text-color: unset}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--fill.ckbox-btn--action{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));--ckbox-btn-icon-color-override: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) );--ckbox-btn-text-color-fill: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-10) );--ckbox-btn-background-color-fill: unset;--ckbox-btn-background-color-fill-hover: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60) / 15% );--ckbox-btn-background-color-fill-active: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60) / 20% )}.ckbox.ckbox-theme-lark:not(#n) .ckbox-btn--fill.ckbox-btn--action:active{--ckbox-btn-icon-color-override: var(--ckbox-btn-icon-color-plain)}.ckbox.ckbox-theme-lark:not(#n) .ckbox-button-group .ckbox-btn.ckbox-btn--action{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-button-group .ckbox-btn.ckbox-btn--action:not(:last-child){border-right:unset}.ckbox.ckbox-theme-lark:not(#n) .ckbox-panel .ckbox-panel-side .ckbox-icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-menu-item .ckbox-icon--accent{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-switch-input__input::before{border-radius:2px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-switch-input__input::before:checked{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-switch-input__input{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-switch-input__input:checked{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-40))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-range-slider__track-progress{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-range-slider__thumb{border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30))}.ckbox.ckbox-theme-lark:not(#n) .ckbox-empty-view__content--dropzone::before{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30));mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e")}.ckbox.ckbox-theme-lark:not(#n) .ckbox-empty-view__content .ckbox-icon--accent{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30))}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M19.03 3.56c-1.67-1.39-3.74-2.3-6.03-2.51v2.01c1.73.19 3.31.88 4.61 1.92zM11 3.06V1.05c-2.29.2-4.36 1.12-6.03 2.51l1.42 1.42C7.69 3.94 9.27 3.25 11 3.06M4.98 6.39 3.56 4.97C2.17 6.64 1.26 8.71 1.05 11h2.01c.19-1.73.88-3.31 1.92-4.61M20.94 11h2.01c-.21-2.29-1.12-4.36-2.51-6.03l-1.42 1.42c1.04 1.3 1.73 2.88 1.92 4.61M7 12l3.44 1.56L12 17l1.56-3.44L17 12l-3.44-1.56L12 7l-1.56 3.44z"></path><path d="M12 21c-3.11 0-5.85-1.59-7.46-4H7v-2H1v6h2v-2.7c1.99 2.84 5.27 4.7 9 4.7 4.87 0 9-3.17 10.44-7.56l-1.96-.45C19.25 18.48 15.92 21 12 21"></path>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"></path></svg>
|
package/package.json
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
],
|
|
23
23
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
24
24
|
"name": "@ckbox/components",
|
|
25
|
-
"version": "2.
|
|
25
|
+
"version": "2.10.0",
|
|
26
26
|
"description": "UI components of CKBox",
|
|
27
27
|
"main": "dist/index.js",
|
|
28
28
|
"types": "dist/index.d.ts",
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
"blurhash": "^2.0.5",
|
|
37
37
|
"cropperjs": "^1.6.2",
|
|
38
38
|
"dnd-core": "^16.0.1",
|
|
39
|
-
"lodash": "^4.17.
|
|
39
|
+
"lodash": "^4.17.23",
|
|
40
40
|
"react-dnd": "^16.0.1",
|
|
41
41
|
"react-dnd-html5-backend": "^16.0.1",
|
|
42
|
-
"react-focus-lock": "^2.13.
|
|
43
|
-
"react-remove-scroll": "^2.
|
|
42
|
+
"react-focus-lock": "^2.13.7",
|
|
43
|
+
"react-remove-scroll": "^2.7.2",
|
|
44
44
|
"react-transition-group": "^4.4.5",
|
|
45
45
|
"tslib": "^2.8.1"
|
|
46
46
|
}
|