@cfx-dev/ui-components 2.1.24 → 3.0.1

package/dist/assets/ColorVariationsShowcase.css

@@ -1 +0,0 @@
-._root_1rsbp_1 ._controls_1rsbp_1{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-bottom:var(--offset-large)}

package/dist/assets/ColorsShowcase.css

@@ -1 +0,0 @@
-._cfxui-theme-cfx_dind7_1{--color-main: 22, 25, 35;--color-main-50: 40, 42, 51;--color-main-100: 58, 60, 67;--color-main-200: 77, 79, 84;--color-main-300: 97, 99, 102;--color-main-400: 118, 119, 121;--color-main-500: 140, 141, 139;--color-main-600: 162, 163, 159;--color-main-700: 184, 185, 178;--color-main-800: 207, 208, 199;--color-main-900: 231, 231, 219;--color-main-950: 255, 255, 240;--color-primary: 245, 5, 81;--color-primary-50: 58, 32, 42;--color-primary-100: 94, 36, 50;--color-primary-200: 130, 38, 57;--color-primary-300: 167, 37, 65;--color-primary-400: 205, 29, 73;--color-primary-500: 245, 5, 81;--color-primary-600: 253, 83, 105;--color-primary-700: 255, 123, 130;--color-primary-800: 255, 158, 156;--color-primary-900: 255, 191, 183;--color-primary-950: 255, 223, 211;--color-success: 1, 163, 112;--color-success-50: 28, 45, 47;--color-success-100: 32, 67, 60;--color-success-200: 33, 90, 72;--color-success-300: 31, 113, 85;--color-success-400: 24, 138, 98;--color-success-500: 1, 163, 112;--color-success-600: 77, 179, 132;--color-success-700: 117, 194, 153;--color-success-800: 153, 210, 174;--color-success-900: 187, 225, 196;--color-success-950: 221, 240, 218;--color-warning: 255, 174, 0;--color-warning-50: 59, 46, 38;--color-warning-100: 96, 69, 40;--color-warning-200: 133, 94, 40;--color-warning-300: 172, 119, 36;--color-warning-400: 213, 146, 27;--color-warning-500: 255, 174, 0;--color-warning-600: 255, 187, 66;--color-warning-700: 255, 200, 104;--color-warning-800: 255, 214, 138;--color-warning-900: 255, 227, 172;--color-warning-950: 255, 241, 206;--color-error: 255, 38, 0;--color-error-50: 62, 33, 34;--color-error-100: 98, 39, 32;--color-error-200: 135, 43, 29;--color-error-300: 174, 45, 24;--color-error-400: 214, 43, 16;--color-error-500: 255, 38, 0;--color-error-600: 255, 92, 49;--color-error-700: 255, 129, 86;--color-error-800: 255, 162, 123;--color-error-900: 255, 194, 161;--color-error-950: 255, 225, 200;--color-teal: 0, 120, 146;--color-teal-50: 26, 39, 52;--color-teal-100: 28, 54, 69;--color-teal-200: 28, 70, 87;--color-teal-300: 26, 86, 106;--color-teal-400: 19, 103, 126;--color-teal-500: 0, 120, 146;--color-teal-600: 73, 141, 161;--color-teal-700: 113, 163, 177;--color-teal-800: 150, 185, 192;--color-teal-900: 185, 208, 208;--color-teal-950: 220, 231, 224;--color-aurum: 170, 111, 13;--color-aurum-50: 47, 38, 35;--color-aurum-100: 71, 51, 35;--color-aurum-200: 95, 65, 33;--color-aurum-300: 119, 80, 30;--color-aurum-400: 144, 95, 24;--color-aurum-500: 170, 111, 13;--color-aurum-600: 188, 134, 57;--color-aurum-700: 204, 157, 93;--color-aurum-800: 219, 180, 129;--color-aurum-900: 232, 205, 165;--color-aurum-950: 244, 230, 202;--color-silver: 165, 165, 165;--color-silver-50: 43, 45, 54;--color-silver-100: 65, 67, 75;--color-silver-200: 89, 90, 96;--color-silver-300: 113, 114, 118;--color-silver-400: 139, 139, 141;--color-silver-500: 165, 165, 165;--color-silver-600: 180, 179, 177;--color-silver-700: 194, 194, 189;--color-silver-800: 209, 209, 202;--color-silver-900: 224, 224, 214;--color-silver-950: 240, 240, 227;--color-accent: 244, 5, 82;--color-accent-50: 58, 32, 42;--color-accent-100: 93, 36, 50;--color-accent-200: 129, 38, 58;--color-accent-300: 166, 36, 66;--color-accent-400: 204, 29, 74;--color-accent-500: 244, 5, 82;--color-accent-600: 252, 83, 106;--color-accent-700: 255, 123, 131;--color-accent-800: 255, 158, 157;--color-accent-900: 255, 191, 184;--color-accent-950: 255, 223, 212;--color-primary: 241, 241, 228;--color-primary-50: 53, 55, 63;--color-primary-100: 87, 88, 93;--color-primary-200: 123, 124, 125;--color-primary-300: 160, 161, 158;--color-primary-400: 200, 200, 192;--color-primary-500: 241, 241, 228;--color-primary-600: 243, 243, 230;--color-primary-700: 246, 246, 232;--color-primary-800: 248, 248, 234;--color-primary-900: 250, 250, 236;--color-primary-950: 253, 253, 238;--color-secondary: 158, 164, 189;--color-secondary-50: 42, 45, 58;--color-secondary-100: 63, 67, 82;--color-secondary-200: 85, 90, 107;--color-secondary-300: 109, 113, 133;--color-secondary-400: 133, 138, 161;--color-secondary-500: 158, 164, 189;--color-secondary-600: 174, 179, 197;--color-secondary-700: 190, 193, 206;--color-secondary-800: 206, 209, 214;--color-secondary-900: 222, 224, 223;--color-secondary-950: 239, 239, 231;--color-tertiary: 255, 117, 172;--color-tertiary-50: 57, 40, 55;--color-tertiary-100: 93, 55, 77;--color-tertiary-200: 131, 70, 99;--color-tertiary-300: 171, 86, 123;--color-tertiary-400: 212, 101, 147;--color-tertiary-500: 255, 117, 172;--color-tertiary-600: 255, 142, 183;--color-tertiary-700: 255, 166, 194;--color-tertiary-800: 255, 189, 206;--color-tertiary-900: 255, 211, 217;--color-tertiary-950: 255, 233, 228;--color-green: 34, 191, 78;--color-green-50: 31, 49, 43;--color-green-100: 38, 75, 51;--color-green-200: 42, 102, 59;--color-green-300: 44, 131, 65;--color-green-400: 42, 160, 72;--color-green-500: 34, 191, 78;--color-green-600: 91, 203, 105;--color-green-700: 129, 214, 132;--color-green-800: 163, 225, 158;--color-green-900: 194, 235, 185;--color-green-950: 225, 245, 212;--color-yellow: 253, 166, 64;--color-yellow-50: 58, 45, 42;--color-yellow-100: 94, 67, 48;--color-yellow-200: 132, 90, 53;--color-yellow-300: 171, 115, 58;--color-yellow-400: 211, 140, 61;--color-yellow-500: 253, 166, 64;--color-yellow-600: 255, 181, 95;--color-yellow-700: 255, 195, 124;--color-yellow-800: 255, 210, 153;--color-yellow-900: 255, 225, 182;--color-yellow-950: 255, 240, 211;--color-red: 227, 49, 49;--color-red-50: 56, 33, 38;--color-red-100: 89, 39, 41;--color-red-200: 122, 44, 43;--color-red-300: 156, 47, 45;--color-red-400: 191, 49, 47;--color-red-500: 227, 49, 49;--color-red-600: 238, 93, 78;--color-red-700: 247, 128, 108;--color-red-800: 253, 161, 139;--color-red-900: 255, 193, 172;--color-red-950: 255, 224, 205;--color-argentum: 163, 163, 163;--color-argentum-50: 43, 45, 54;--color-argentum-100: 65, 66, 74;--color-argentum-200: 88, 89, 95;--color-argentum-300: 112, 113, 117;--color-argentum-400: 137, 138, 140;--color-argentum-500: 163, 163, 163;--color-argentum-600: 178, 178, 175;--color-argentum-700: 193, 193, 188;--color-argentum-800: 208, 208, 201;--color-argentum-900: 224, 223, 214;--color-argentum-950: 239, 239, 227;--color-aurum: 191, 164, 94;--color-aurum-50: 48, 45, 45;--color-aurum-100: 75, 67, 55;--color-aurum-200: 102, 89, 65;--color-aurum-300: 131, 113, 75;--color-aurum-400: 161, 138, 84;--color-aurum-500: 191, 164, 94;--color-aurum-600: 203, 179, 118;--color-aurum-700: 214, 193, 141;--color-aurum-800: 225, 208, 165;--color-aurum-900: 235, 224, 190;--color-aurum-950: 245, 239, 215;--color-platinum: 241, 241, 241;--color-platinum-50: 53, 55, 65;--color-platinum-100: 87, 88, 96;--color-platinum-200: 122, 124, 130;--color-platinum-300: 160, 161, 166;--color-platinum-400: 200, 200, 203;--color-platinum-500: 241, 241, 241;--color-platinum-600: 243, 243, 241;--color-platinum-700: 246, 246, 241;--color-platinum-800: 248, 248, 241;--color-platinum-900: 250, 250, 240;--color-platinum-950: 253, 253, 240;--color-bg: 17, 19, 28;--color-bg-50: 21, 24, 34;--color-bg-100: 20, 23, 33;--color-bg-200: 20, 22, 31;--color-bg-300: 19, 21, 30;--color-bg-400: 18, 20, 29;--color-bg-500: 17, 19, 28;--color-bg-600: 50, 52, 58;--color-bg-700: 86, 88, 91;--color-bg-800: 125, 126, 125;--color-bg-900: 167, 167, 162;--color-bg-950: 210, 210, 200;--color-bg-light: 28, 32, 46;--color-bg-light-50: 23, 26, 37;--color-bg-light-100: 24, 27, 39;--color-bg-light-200: 25, 28, 40;--color-bg-light-300: 26, 30, 42;--color-bg-light-400: 27, 31, 44;--color-bg-light-500: 28, 32, 46;--color-bg-light-600: 61, 63, 74;--color-bg-light-700: 96, 98, 105;--color-bg-light-800: 133, 134, 137;--color-bg-light-900: 172, 173, 170;--color-bg-light-950: 213, 213, 204;--color-bg-dark: 28, 32, 46;--color-bg-dark-50: 23, 26, 37;--color-bg-dark-100: 24, 27, 39;--color-bg-dark-200: 25, 28, 40;--color-bg-dark-300: 26, 30, 42;--color-bg-dark-400: 27, 31, 44;--color-bg-dark-500: 28, 32, 46;--color-bg-dark-600: 61, 63, 74;--color-bg-dark-700: 96, 98, 105;--color-bg-dark-800: 133, 134, 137;--color-bg-dark-900: 172, 173, 170;--color-bg-dark-950: 213, 213, 204;--color-bg-dark-grey: 26, 26, 26;--color-bg-dark-grey-50: 23, 25, 34;--color-bg-dark-grey-100: 24, 25, 32;--color-bg-dark-grey-200: 24, 25, 31;--color-bg-dark-grey-300: 25, 26, 29;--color-bg-dark-grey-400: 25, 26, 28;--color-bg-dark-grey-500: 26, 26, 26;--color-bg-dark-grey-600: 58, 58, 56;--color-bg-dark-grey-700: 93, 93, 89;--color-bg-dark-grey-800: 131, 131, 124;--color-bg-dark-grey-900: 170, 170, 161;--color-bg-dark-grey-950: 212, 212, 200;--color-bg-black: 0, 0, 0;--color-bg-black-50: 20, 22, 30;--color-bg-black-100: 17, 19, 26;--color-bg-black-200: 14, 15, 21;--color-bg-black-300: 9, 11, 16;--color-bg-black-400: 5, 5, 8;--color-bg-black-500: 0, 0, 0;--color-bg-black-600: 41, 41, 39;--color-bg-black-700: 78, 78, 74;--color-bg-black-800: 119, 119, 112;--color-bg-black-900: 162, 162, 153;--color-bg-black-950: 208, 208, 196}._cfxui-theme-cfx_dind7_1 ._cfx-color-primary_dind7_279{color:#f50551}._cfxui-theme-cfx_dind7_1 ._cfx-color-success_dind7_282{color:#01a370}._cfxui-theme-cfx_dind7_1 ._cfx-color-warning_dind7_285{color:#ffae00}._cfxui-theme-cfx_dind7_1 ._cfx-color-error_dind7_288{color:#ff2600}._cfxui-theme-cfx_dind7_1 ._cfx-color-teal_dind7_291{color:#007892}._cfxui-theme-cfx_dind7_1 ._cfx-color-aurum_dind7_294{color:#aa6f0d}._cfxui-theme-cfx_dind7_1 ._cfx-color-silver_dind7_297{color:#a5a5a5}._cfxui-theme-cfx_dind7_1 ._cfx-color-accent_dind7_300{color:#f40552}._cfxui-theme-cfx_dind7_1 ._cfx-color-primary_dind7_279{color:#f1f1e4}._cfxui-theme-cfx_dind7_1 ._cfx-color-secondary_dind7_306{color:#9ea4bd}._cfxui-theme-cfx_dind7_1 ._cfx-color-tertiary_dind7_309{color:#ff75ac}._cfxui-theme-cfx_dind7_1 ._cfx-color-green_dind7_312{color:#22bf4e}._cfxui-theme-cfx_dind7_1 ._cfx-color-yellow_dind7_315{color:#fda640}._cfxui-theme-cfx_dind7_1 ._cfx-color-red_dind7_318{color:#e33131}._cfxui-theme-cfx_dind7_1 ._cfx-color-argentum_dind7_321{color:#a3a3a3}._cfxui-theme-cfx_dind7_1 ._cfx-color-aurum_dind7_294{color:#bfa45e}._cfxui-theme-cfx_dind7_1 ._cfx-color-platinum_dind7_327{color:#f1f1f1}._cfxui-theme-cfx_dind7_1 ._cfx-color-bg_dind7_330{color:#11131c}._cfxui-theme-cfx_dind7_1 ._cfx-color-bg-light_dind7_333,._cfxui-theme-cfx_dind7_1 ._cfx-color-bg-dark_dind7_336{color:#1c202e}._cfxui-theme-cfx_dind7_1 ._cfx-color-bg-dark-grey_dind7_339{color:#1a1a1a}._cfxui-theme-cfx_dind7_1 ._cfx-color-bg-black_dind7_342{color:#000}._cfxui-theme-cfx_dind7_1 ::-webkit-calendar-picker-indicator{filter:invert(1)}._root_dind7_349{display:grid;grid-template-columns:auto repeat(4,1fr);gap:var(--offset-normal)}._colorLableTop_dind7_355{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}._colorLableLeft_dind7_363{display:flex;align-items:center;justify-content:flex-end;font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}

package/dist/assets/ControlHeightShowcase.css

@@ -1 +0,0 @@
-._showcaseBlock_m08sq_4{display:flex;flex-direction:column;align-items:center;gap:var(--offset-small)}._showcaseBlockLabel_m08sq_11{text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}._var-controlheight-xxsmall_m08sq_17{width:calc(var(--quant) * 10);height:calc(var(--quant) * 1.5);background-color:rgba(var(--color-accent),1)}._var-controlheight-xsmall_m08sq_23{width:calc(var(--quant) * 10);height:calc(var(--quant) * 3);background-color:rgba(var(--color-accent),1)}._var-controlheight-small_m08sq_29{width:calc(var(--quant) * 10);height:calc(var(--quant) * 4);background-color:rgba(var(--color-accent),1)}._var-controlheight-normal_m08sq_35{width:calc(var(--quant) * 10);height:calc(var(--quant) * 6);background-color:rgba(var(--color-accent),1)}._var-controlheight-large_m08sq_41{width:calc(var(--quant) * 10);height:calc(var(--quant) * 7);background-color:rgba(var(--color-accent),1)}._var-controlheight-xlarge_m08sq_47{width:calc(var(--quant) * 10);height:calc(var(--quant) * 10);background-color:rgba(var(--color-accent),1)}._root_m08sq_53{padding:var(--offset-normal);display:grid;grid-template-columns:repeat(5,auto);grid-gap:var(--offset-normal)}@media (max-width: 600px){._root_m08sq_53{grid-template-columns:repeat(3,auto)}}._controlheightBlockOuter_m08sq_65{display:flex;align-items:center;justify-content:center;width:calc(var(--quant) * 10);height:calc(var(--quant) * 10);background-color:rgba(var(--color-accent),.25)}

package/dist/assets/OffsetShowcase.css

@@ -1 +0,0 @@
-._showcaseBlock_1r16g_4{display:flex;flex-direction:column;align-items:center;gap:var(--offset-small)}._showcaseBlockLabel_1r16g_11{text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}._var-offset-none_1r16g_17{width:calc(var(--quant) * 10);height:0px;background-color:rgba(var(--color-accent),1)}._var-offset-hairthin_1r16g_23{width:calc(var(--quant) * 10);height:1px;background-color:rgba(var(--color-accent),1)}._var-offset-thin_1r16g_29{width:calc(var(--quant) * 10);height:2px;background-color:rgba(var(--color-accent),1)}._var-offset-xxsmall_1r16g_35{width:calc(var(--quant) * 10);height:calc(var(--quant) * .25);background-color:rgba(var(--color-accent),1)}._var-offset-xsmall_1r16g_41{width:calc(var(--quant) * 10);height:calc(var(--quant) * .5);background-color:rgba(var(--color-accent),1)}._var-offset-small_1r16g_47{width:calc(var(--quant) * 10);height:var(--quant);background-color:rgba(var(--color-accent),1)}._var-offset-normal_1r16g_53{width:calc(var(--quant) * 10);height:calc(var(--quant) * 2);background-color:rgba(var(--color-accent),1)}._var-offset-medium_1r16g_59{width:calc(var(--quant) * 10);height:calc(var(--quant) * 2.5);background-color:rgba(var(--color-accent),1)}._var-offset-large_1r16g_65{width:calc(var(--quant) * 10);height:calc(var(--quant) * 4);background-color:rgba(var(--color-accent),1)}._var-offset-xlarge_1r16g_71{width:calc(var(--quant) * 10);height:calc(var(--quant) * 6);background-color:rgba(var(--color-accent),1)}._var-offset-safezone_1r16g_77{width:calc(var(--quant) * 10);height:calc(var(--quant) * 8);background-color:rgba(var(--color-accent),1)}._root_1r16g_83{padding:var(--offset-normal);display:grid;grid-template-columns:repeat(5,auto);grid-gap:var(--offset-normal)}@media (max-width: 600px){._root_1r16g_83{grid-template-columns:repeat(3,auto)}}._offsetBlockOuter_1r16g_95{display:flex;align-items:flex-end;justify-content:center;width:calc(var(--quant) * 10);height:calc(var(--quant) * 10);background-color:rgba(var(--color-accent),.25)}

package/dist/assets/QuantShowcase.css

@@ -1 +0,0 @@
-._showcaseBlock_a7dbr_1{display:flex;flex-direction:column;align-items:center;gap:var(--offset-small)}._showcaseBlockLabel_a7dbr_8{text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}._quantBlockInner-1_a7dbr_14{width:var(--quant);height:var(--quant);background-color:rgba(var(--color-accent),1)}._quantBlockInner-2_a7dbr_20{width:calc(var(--quant) * 2);height:calc(var(--quant) * 2);background-color:rgba(var(--color-accent),1)}._quantBlockInner-3_a7dbr_26{width:calc(var(--quant) * 3);height:calc(var(--quant) * 3);background-color:rgba(var(--color-accent),1)}._quantBlockInner-4_a7dbr_32{width:calc(var(--quant) * 4);height:calc(var(--quant) * 4);background-color:rgba(var(--color-accent),1)}._quantBlockInner-5_a7dbr_38{width:calc(var(--quant) * 5);height:calc(var(--quant) * 5);background-color:rgba(var(--color-accent),1)}._quantBlockInner-6_a7dbr_44{width:calc(var(--quant) * 6);height:calc(var(--quant) * 6);background-color:rgba(var(--color-accent),1)}._quantBlockInner-7_a7dbr_50{width:calc(var(--quant) * 7);height:calc(var(--quant) * 7);background-color:rgba(var(--color-accent),1)}._quantBlockInner-8_a7dbr_56{width:calc(var(--quant) * 8);height:calc(var(--quant) * 8);background-color:rgba(var(--color-accent),1)}._quantBlockInner-9_a7dbr_62{width:calc(var(--quant) * 9);height:calc(var(--quant) * 9);background-color:rgba(var(--color-accent),1)}._quantBlockInner-10_a7dbr_68{width:calc(var(--quant) * 10);height:calc(var(--quant) * 10);background-color:rgba(var(--color-accent),1)}._quantBlockInner-05_a7dbr_74{width:calc(var(--quant) * .5);height:calc(var(--quant) * .5);background-color:rgba(var(--color-accent),1)}._root_a7dbr_80{padding:var(--offset-normal);display:grid;grid-template-columns:repeat(6,auto);grid-gap:var(--offset-normal)}@media (max-width: 600px){._root_a7dbr_80{grid-template-columns:repeat(3,auto)}}._quantBlockOuter_a7dbr_92{display:flex;align-items:center;justify-content:center;width:calc(var(--quant) * 10);height:calc(var(--quant) * 10);background-color:rgba(var(--color-accent),.25)}

package/dist/style-guide/Colors/ColorShowcase.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-
-export declare const COLOR_ITEMS: {
-    color: string;
-    alpha: string;
-    luminance: string;
-    value: string;
-}[];
-export declare const COLOR_NAMES: string[];
-export declare const COLOR_ALPHAS: string[];
-export declare const COLOR_LUMINANCES: string[];
-export declare const THEME_NAMES: string[];
-interface Props {
-    color: string;
-    theme?: string;
-    alpha?: string;
-    luminance?: string | number;
-}
-declare function ColorShowcase(props: Props): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ColorShowcase>;
-export default _default;