cronapp-framework-js 2.9.0-SNAPSHOT.1 → 2.9.0-SNAPSHOT.2

package/components/css/checkbox-color.css

@@ -0,0 +1,474 @@
+/* theme */
+
+.checkbox-theme .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-theme .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-theme .k-radio:focus+.k-radio-label:before,
+.checkbox-theme .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--light-blue);
+    border-color: var(--light-blue);
+}
+
+.checkbox-theme .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-theme .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: var(--light-blue);
+    background-color: var(--light-blue);
+}
+
+.checkbox-theme .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-theme .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--blue);
+    border-color: var(--light-blue);
+}
+
+/* white */
+
+.checkbox-white .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-white .k-radio:focus+.k-radio-label:before,
+.checkbox-white .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #707070;
+    border-color: #707070;
+}
+
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: #707070;
+    background-color: #707070;
+}
+
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--white);
+    border-color: #707070;
+    color: var(--black);
+}
+
+/* gray */
+
+.checkbox-gray .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-gray .k-radio:focus+.k-radio-label:before,
+.checkbox-gray .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #707070;
+    border-color: #707070;
+}
+
+.checkbox-gray .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: #707070;
+    background-color: #707070;
+}
+
+.checkbox-gray .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--gray);
+    border-color: #707070;
+}
+
+/* black */
+
+.checkbox-black .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-black .k-radio:focus+.k-radio-label:before,
+.checkbox-black .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #707070;
+    border-color: #707070;
+}
+
+.checkbox-black .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: #707070;
+    background-color: #707070;
+}
+
+.checkbox-black .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--black);
+    border-color: #707070;
+}
+
+/* blue */
+
+.checkbox-blue .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-blue .k-radio:focus+.k-radio-label:before,
+.checkbox-blue .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--light-blue);
+    border-color: var(--light-blue);
+}
+
+.checkbox-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: var(--light-blue);
+    background-color: var(--light-blue);
+}
+
+.checkbox-blue .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--blue);
+    border-color: var(--light-blue);
+}
+
+/* light blue */
+
+.checkbox-light-blue .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-blue .k-radio:focus+.k-radio-label:before,
+.checkbox-light-blue .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #3155b8;
+    border-color: #3155b8;
+}
+
+.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: #3155b8;
+    background-color: #3155b8;
+}
+
+.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--light-blue);
+    border-color: #3155b8;
+}
+
+/* Dark blue */
+
+.checkbox-dark-blue .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-blue .k-radio:focus+.k-radio-label:before,
+.checkbox-dark-blue .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #4869c7;
+    border-color: #4869c7;
+}
+
+.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: #4869c7;
+    background-color: #4869c7;
+}
+
+.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--dark-blue);
+    border-color: #4869c7;
+}
+
+/* Purple */
+
+.checkbox-purple .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-purple .k-radio:focus+.k-radio-label:before,
+.checkbox-purple .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #8645f4;
+    border-color: #8645f4;
+}
+
+.checkbox-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
+    border-color: #8645f4;
+    background-color: #8645f4;
+}
+
+.checkbox-purple .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--purple);
+    border-color: #8645f4;
+}
+
+/* Light purple */
+
+.checkbox-light-purple .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-purple .k-radio:focus+.k-radio-label:before,
+.checkbox-light-purple .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #6b4ba2;
+    border-color: #6b4ba2;
+}
+
+.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: #6b4ba2;
+}
+
+.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--light-purple);
+    border-color: #6b4ba2;
+}
+
+/* dark-purple */
+
+.checkbox-dark-purple .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-purple .k-radio:focus+.k-radio-label:before,
+.checkbox-dark-purple .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #6b4ba2;
+    border-color: #6b4ba2;
+}
+
+.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: #6b4ba2;
+}
+
+.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--dark-purple);
+    border-color: #6b4ba2;
+}
+
+/* red */
+
+.checkbox-red .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-red .k-radio:focus+.k-radio-label:before,
+.checkbox-red .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #680f06;
+    border-color: #680f06;
+}
+
+.checkbox-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: #680f06;
+}
+
+.checkbox-red .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--red);
+    border-color: #680f06;
+}
+
+/* light-red */
+
+.checkbox-light-red .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-red .k-radio:focus+.k-radio-label:before,
+.checkbox-light-red .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-red);
+    border-color: var(--dark-red);
+}
+
+.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: var(--dark-red);
+}
+
+.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--light-red);
+    border-color: var(--dark-red);
+}
+
+/* dark-red */
+
+.checkbox-dark-red .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-red .k-radio:focus+.k-radio-label:before,
+.checkbox-dark-red .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--light-red);
+    border-color: var(--light-red);
+}
+
+.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: var(--light-red);
+}
+
+.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--dark-red);
+    border-color: var(--light-red);
+}
+
+/* orange */
+
+.checkbox-orange .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-orange .k-radio:focus+.k-radio-label:before,
+.checkbox-orange .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--light-orange);
+    border-color: var(--light-orange);
+}
+
+.checkbox-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: var(--light-orange);
+}
+
+.checkbox-orange .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--orange);
+    border-color: var(--light-orange);
+}
+
+/* light-orange */
+
+.checkbox-light-orange .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-orange .k-radio:focus+.k-radio-label:before,
+.checkbox-light-orange .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-orange);
+    border-color: var(--dark-orange);
+}
+
+.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: var(--dark-orange);
+}
+
+.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--light-orange);
+    border-color: var(--dark-orange);
+    color: #492b10;
+}
+
+/* dark-orange */
+
+.checkbox-dark-orange .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-orange .k-radio:focus+.k-radio-label:before,
+.checkbox-dark-orange .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #cd9946;
+    border-color: #cd9946;
+}
+
+.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: #cd9946;
+}
+
+.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--dark-orange);
+    border-color: #cd9946;
+}
+
+/* yellow */
+
+.checkbox-yellow .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-yellow .k-radio:focus+.k-radio-label:before,
+.checkbox-yellow .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-yellow);
+    border-color: var(--dark-yellow);
+}
+
+.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: var(--dark-yellow);
+}
+
+.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--yellow);
+    border-color: var(--dark-yellow);
+    color: #474432;
+}
+
+/* light-yellow */
+
+.checkbox-light-yellow .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-yellow .k-radio:focus+.k-radio-label:before,
+.checkbox-light-yellow .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-yellow);
+    border-color: var(--dark-yellow);
+}
+
+.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: var(--dark-yellow);
+}
+
+.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--light-yellow);
+    border-color: var(--dark-yellow);
+    color: #474432;
+}
+
+/* dark-yellow */
+
+.checkbox-dark-yellow .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-radio:focus+.k-radio-label:before,
+.checkbox-dark-yellow .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #dddd7c;
+    border-color: #dddd7c;
+}
+
+.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: #dddd7c;
+}
+
+.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--dark-yellow);
+    border-color: #dddd7c;
+}
+
+/* green */
+
+.checkbox-green .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-green .k-radio:focus+.k-radio-label:before,
+.checkbox-green .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #24470c;
+    border-color: #24470c;
+}
+
+.checkbox-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: #24470c;
+}
+
+.checkbox-green .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--green);
+    border-color: #24470c;
+}
+
+/* light-green */
+
+.checkbox-light-green .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-green .k-radio:focus+.k-radio-label:before,
+.checkbox-light-green .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-green);
+    border-color: var(--dark-green);
+}
+
+.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: var(--dark-green);
+}
+
+.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--light-green);
+    border-color: var(--dark-green);
+    color: #24470c;
+}
+
+/* dark-green */
+
+.checkbox-dark-green .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-green .k-radio:focus+.k-radio-label:before,
+.checkbox-dark-green .k-radio:hover+.k-radio-label:before {
+    box-shadow: 0 0 5px 0 #66B032;
+    border-color: #66B032;
+}
+
+.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:before {
+    background-color: #66B032;
+}
+
+.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background-color: var(--dark-green);
+    border-color: #66B032;
+}

package/components/css/color-default.css

@@ -0,0 +1,113 @@
+@import 'checkbox-color.css';
+@import 'combobox-color.css';
+@import 'option-color.css';
+@import 'designtime.css';
+@import 'font-size.css';
+
+:root {
+    --white: #ffffff;
+    --gray: #333333;
+    --black: #000000;
+    --blue: #0247FE;
+    --light-blue: #85A5FF;
+    --dark-blue: #00217A;
+    --purple: #3D01A4;
+    --light-purple: #B285FF;
+    --dark-purple: #2D007A;
+    --red: #FE2712;
+    --light-red: #FE8F84;
+    --dark-red: #7A0B00;
+    --orange: #FB9B02;
+    --light-orange: #FFD085;
+    --dark-orange: #7A4B00;
+    --yellow: #FFFF33;
+    --light-yellow: #FFFF85;
+    --dark-yellow: #7A7A00;
+    --green: #66B032;
+    --light-green: #B7FF85;
+    --dark-green: #337A00;
+}
+
+.color-white {
+    color: var(--white);
+}
+
+.color-gray {
+    color: var(--gray);
+}
+
+.color-black {
+    color: var(--black);
+}
+
+.color-blue {
+    color: var(--blue);
+}
+
+.color-light-blue {
+    color: var(--light-blue);
+}
+
+.color-dark-blue {
+    color: var(--dark-blue);
+}
+
+.color-purple {
+    color: var(--purple);
+}
+
+.color-light-purple {
+    color: var(--light-purple);
+}
+
+.color-dark-purple {
+    color: var(--dark-purple);
+}
+
+.color-red {
+    color: var(--red);
+}
+
+.color-light-red {
+    color: var(--light-red);
+}
+
+.color-dark-red {
+    color: var(--dark-red);
+}
+
+.color-orange {
+    color: var(--orange);
+}
+
+.color-light-orange {
+    color: var(--light-orange);
+}
+
+.color-dark-orange {
+    color: var(--dark-orange);
+}
+
+.color-yellow {
+    color: var(--yellow);
+}
+
+.color-light-yellow {
+    color: var(--light-yellow);
+}
+
+.color-dark-yellow {
+    color: var(--dark-yellow);
+}
+
+.color-green {
+    color: var(--green);
+}
+
+.color-light-green {
+    color: var(--light-green);
+}
+
+.color-dark-green {
+    color: var(--dark-green);
+}