@payfit/unity-components 2.60.17 → 2.60.18

package/dist/esm/components/grid/Grid.variants.d.ts

@@ -1,386 +1,386 @@
 import { VariantProps } from '@payfit/unity-themes';
 export declare const grid: import('tailwind-variants').TVReturnType<{
     inline: {
-        true: string;
-        false: string;
+        true: "uy:inline-grid";
+        false: "";
     };
     cols: {
-        6: string;
-        12: string;
+        6: "uy:[--uy-grid-layout-columns--default:6] uy:[--uy-grid-layout-columns--md:6] uy:[--uy-grid-layout-columns--lg:6]";
+        12: "uy:[--uy-grid-layout-columns--default:12] uy:[--uy-grid-layout-columns--md:12] uy:[--uy-grid-layout-columns--lg:12]";
     };
     flow: {
-        row: string;
-        col: string;
-        dense: string;
-        'row-dense': string;
-        'col-dense': string;
+        row: "uy:grid-flow-row";
+        col: "uy:grid-flow-col";
+        dense: "uy:grid-flow-dense";
+        'row-dense': "uy:grid-flow-row-dense";
+        'col-dense': "uy:grid-flow-col-dense";
     };
     justifyItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
+        initial: "";
+        start: "uy:justify-items-start";
+        end: "uy:justify-items-end";
+        center: "uy:justify-items-center";
+        stretch: "uy:justify-items-stretch";
     };
     alignItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
+        initial: "";
+        start: "uy:items-start";
+        end: "uy:items-end";
+        center: "uy:items-center";
+        stretch: "uy:items-stretch";
+        baseline: "uy:items-baseline uy:items-base";
     };
 }, undefined, "uy:grid-layout", {
     inline: {
-        true: string;
-        false: string;
+        true: "uy:inline-grid";
+        false: "";
     };
     cols: {
-        6: string;
-        12: string;
+        6: "uy:[--uy-grid-layout-columns--default:6] uy:[--uy-grid-layout-columns--md:6] uy:[--uy-grid-layout-columns--lg:6]";
+        12: "uy:[--uy-grid-layout-columns--default:12] uy:[--uy-grid-layout-columns--md:12] uy:[--uy-grid-layout-columns--lg:12]";
     };
     flow: {
-        row: string;
-        col: string;
-        dense: string;
-        'row-dense': string;
-        'col-dense': string;
+        row: "uy:grid-flow-row";
+        col: "uy:grid-flow-col";
+        dense: "uy:grid-flow-dense";
+        'row-dense': "uy:grid-flow-row-dense";
+        'col-dense': "uy:grid-flow-col-dense";
     };
     justifyItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
+        initial: "";
+        start: "uy:justify-items-start";
+        end: "uy:justify-items-end";
+        center: "uy:justify-items-center";
+        stretch: "uy:justify-items-stretch";
     };
     alignItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
+        initial: "";
+        start: "uy:items-start";
+        end: "uy:items-end";
+        center: "uy:items-center";
+        stretch: "uy:items-stretch";
+        baseline: "uy:items-baseline uy:items-base";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     inline: {
-        true: string;
-        false: string;
+        true: "uy:inline-grid";
+        false: "";
     };
     cols: {
-        6: string;
-        12: string;
+        6: "uy:[--uy-grid-layout-columns--default:6] uy:[--uy-grid-layout-columns--md:6] uy:[--uy-grid-layout-columns--lg:6]";
+        12: "uy:[--uy-grid-layout-columns--default:12] uy:[--uy-grid-layout-columns--md:12] uy:[--uy-grid-layout-columns--lg:12]";
     };
     flow: {
-        row: string;
-        col: string;
-        dense: string;
-        'row-dense': string;
-        'col-dense': string;
+        row: "uy:grid-flow-row";
+        col: "uy:grid-flow-col";
+        dense: "uy:grid-flow-dense";
+        'row-dense': "uy:grid-flow-row-dense";
+        'col-dense': "uy:grid-flow-col-dense";
     };
     justifyItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
+        initial: "";
+        start: "uy:justify-items-start";
+        end: "uy:justify-items-end";
+        center: "uy:justify-items-center";
+        stretch: "uy:justify-items-stretch";
     };
     alignItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
+        initial: "";
+        start: "uy:items-start";
+        end: "uy:items-end";
+        center: "uy:items-center";
+        stretch: "uy:items-stretch";
+        baseline: "uy:items-baseline uy:items-base";
     };
-}, undefined, "uy:grid-layout", unknown, unknown, undefined>>;
+}, undefined>>;
 export type GridVariants = VariantProps<typeof grid>;
 export declare const gridItem: import('tailwind-variants').TVReturnType<{
     colSpan: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '1/2': string;
-        '1/3': string;
-        '2/3': string;
-        '1/4': string;
-        '3/4': string;
-        '1/6': string;
-        '5/6': string;
-        full: string;
+        '1': "uy:col-span-1";
+        '2': "uy:col-span-2";
+        '3': "uy:col-span-3";
+        '4': "uy:col-span-4";
+        '5': "uy:col-span-5";
+        '6': "uy:col-span-6";
+        '7': "uy:md:col-span-7";
+        '8': "uy:md:col-span-8";
+        '9': "uy:md:col-span-9";
+        '10': "uy:md:col-span-10";
+        '11': "uy:md:col-span-11";
+        '12': "uy:md:col-span-12";
+        '1/2': "uy:col-span-3 uy:md:col-span-6";
+        '1/3': "uy:col-span-2 uy:md:col-span-4";
+        '2/3': "uy:col-span-4 uy:md:col-span-8";
+        '1/4': "uy:col-span-1 uy:md:col-span-3";
+        '3/4': "uy:col-span-3 uy:md:col-span-9";
+        '1/6': "uy:col-span-1 uy:md:col-span-2";
+        '5/6': "uy:col-span-5 uy:md:col-span-10";
+        full: "uy:col-span-full";
     };
     colStart: {
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        auto: string;
+        '-1': "uy:-col-start-1";
+        '-2': "uy:-col-start-2";
+        '-3': "uy:-col-start-3";
+        '-4': "uy:-col-start-4";
+        '-5': "uy:-col-start-5";
+        '-6': "uy:-col-start-6";
+        '-7': "uy:-col-start-7";
+        '-8': "uy:-col-start-8";
+        '-9': "uy:-col-start-9";
+        '-10': "uy:-col-start-10";
+        '-11': "uy:-col-start-11";
+        '-12': "uy:-col-start-12";
+        '-13': "uy:-col-start-13";
+        '1': "uy:col-start-1";
+        '2': "uy:col-start-2";
+        '3': "uy:col-start-3";
+        '4': "uy:col-start-4";
+        '5': "uy:col-start-5";
+        '6': "uy:col-start-6";
+        '7': "uy:col-start-7";
+        '8': "uy:col-start-8";
+        '9': "uy:col-start-9";
+        '10': "uy:col-start-10";
+        '11': "uy:col-start-11";
+        '12': "uy:col-start-12";
+        '13': "uy:col-start-13";
+        auto: "uy:col-start-auto";
     };
     colEnd: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        auto: string;
+        '1': "uy:col-end-1";
+        '2': "uy:col-end-2";
+        '3': "uy:col-end-3";
+        '4': "uy:col-end-4";
+        '5': "uy:col-end-5";
+        '6': "uy:col-end-6";
+        '7': "uy:col-end-7";
+        '8': "uy:col-end-8";
+        '9': "uy:col-end-9";
+        '10': "uy:col-end-10";
+        '11': "uy:col-end-11";
+        '12': "uy:col-end-12";
+        '13': "uy:col-end-13";
+        '-1': "uy:-col-end-1";
+        '-2': "uy:-col-end-2";
+        '-3': "uy:-col-end-3";
+        '-4': "uy:-col-end-4";
+        '-5': "uy:-col-end-5";
+        '-6': "uy:-col-end-6";
+        '-7': "uy:-col-end-7";
+        '-8': "uy:-col-end-8";
+        '-9': "uy:-col-end-9";
+        '-10': "uy:-col-end-10";
+        '-11': "uy:-col-end-11";
+        '-12': "uy:-col-end-12";
+        '-13': "uy:-col-end-13";
+        auto: "uy:col-end-auto";
     };
     justify: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
+        initial: "";
+        start: "uy:justify-self-start";
+        end: "uy:justify-self-end";
+        center: "uy:justify-self-center";
+        stretch: "uy:justify-self-stretch";
     };
     align: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
+        initial: "uy:self-auto";
+        start: "uy:self-start";
+        end: "uy:self-end";
+        center: "uy:self-center";
+        stretch: "uy:self-stretch";
+        baseline: "uy:self-baseline";
     };
 }, undefined, undefined, {
     colSpan: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '1/2': string;
-        '1/3': string;
-        '2/3': string;
-        '1/4': string;
-        '3/4': string;
-        '1/6': string;
-        '5/6': string;
-        full: string;
+        '1': "uy:col-span-1";
+        '2': "uy:col-span-2";
+        '3': "uy:col-span-3";
+        '4': "uy:col-span-4";
+        '5': "uy:col-span-5";
+        '6': "uy:col-span-6";
+        '7': "uy:md:col-span-7";
+        '8': "uy:md:col-span-8";
+        '9': "uy:md:col-span-9";
+        '10': "uy:md:col-span-10";
+        '11': "uy:md:col-span-11";
+        '12': "uy:md:col-span-12";
+        '1/2': "uy:col-span-3 uy:md:col-span-6";
+        '1/3': "uy:col-span-2 uy:md:col-span-4";
+        '2/3': "uy:col-span-4 uy:md:col-span-8";
+        '1/4': "uy:col-span-1 uy:md:col-span-3";
+        '3/4': "uy:col-span-3 uy:md:col-span-9";
+        '1/6': "uy:col-span-1 uy:md:col-span-2";
+        '5/6': "uy:col-span-5 uy:md:col-span-10";
+        full: "uy:col-span-full";
     };
     colStart: {
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        auto: string;
+        '-1': "uy:-col-start-1";
+        '-2': "uy:-col-start-2";
+        '-3': "uy:-col-start-3";
+        '-4': "uy:-col-start-4";
+        '-5': "uy:-col-start-5";
+        '-6': "uy:-col-start-6";
+        '-7': "uy:-col-start-7";
+        '-8': "uy:-col-start-8";
+        '-9': "uy:-col-start-9";
+        '-10': "uy:-col-start-10";
+        '-11': "uy:-col-start-11";
+        '-12': "uy:-col-start-12";
+        '-13': "uy:-col-start-13";
+        '1': "uy:col-start-1";
+        '2': "uy:col-start-2";
+        '3': "uy:col-start-3";
+        '4': "uy:col-start-4";
+        '5': "uy:col-start-5";
+        '6': "uy:col-start-6";
+        '7': "uy:col-start-7";
+        '8': "uy:col-start-8";
+        '9': "uy:col-start-9";
+        '10': "uy:col-start-10";
+        '11': "uy:col-start-11";
+        '12': "uy:col-start-12";
+        '13': "uy:col-start-13";
+        auto: "uy:col-start-auto";
     };
     colEnd: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        auto: string;
+        '1': "uy:col-end-1";
+        '2': "uy:col-end-2";
+        '3': "uy:col-end-3";
+        '4': "uy:col-end-4";
+        '5': "uy:col-end-5";
+        '6': "uy:col-end-6";
+        '7': "uy:col-end-7";
+        '8': "uy:col-end-8";
+        '9': "uy:col-end-9";
+        '10': "uy:col-end-10";
+        '11': "uy:col-end-11";
+        '12': "uy:col-end-12";
+        '13': "uy:col-end-13";
+        '-1': "uy:-col-end-1";
+        '-2': "uy:-col-end-2";
+        '-3': "uy:-col-end-3";
+        '-4': "uy:-col-end-4";
+        '-5': "uy:-col-end-5";
+        '-6': "uy:-col-end-6";
+        '-7': "uy:-col-end-7";
+        '-8': "uy:-col-end-8";
+        '-9': "uy:-col-end-9";
+        '-10': "uy:-col-end-10";
+        '-11': "uy:-col-end-11";
+        '-12': "uy:-col-end-12";
+        '-13': "uy:-col-end-13";
+        auto: "uy:col-end-auto";
     };
     justify: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
+        initial: "";
+        start: "uy:justify-self-start";
+        end: "uy:justify-self-end";
+        center: "uy:justify-self-center";
+        stretch: "uy:justify-self-stretch";
     };
     align: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
+        initial: "uy:self-auto";
+        start: "uy:self-start";
+        end: "uy:self-end";
+        center: "uy:self-center";
+        stretch: "uy:self-stretch";
+        baseline: "uy:self-baseline";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     colSpan: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '1/2': string;
-        '1/3': string;
-        '2/3': string;
-        '1/4': string;
-        '3/4': string;
-        '1/6': string;
-        '5/6': string;
-        full: string;
+        '1': "uy:col-span-1";
+        '2': "uy:col-span-2";
+        '3': "uy:col-span-3";
+        '4': "uy:col-span-4";
+        '5': "uy:col-span-5";
+        '6': "uy:col-span-6";
+        '7': "uy:md:col-span-7";
+        '8': "uy:md:col-span-8";
+        '9': "uy:md:col-span-9";
+        '10': "uy:md:col-span-10";
+        '11': "uy:md:col-span-11";
+        '12': "uy:md:col-span-12";
+        '1/2': "uy:col-span-3 uy:md:col-span-6";
+        '1/3': "uy:col-span-2 uy:md:col-span-4";
+        '2/3': "uy:col-span-4 uy:md:col-span-8";
+        '1/4': "uy:col-span-1 uy:md:col-span-3";
+        '3/4': "uy:col-span-3 uy:md:col-span-9";
+        '1/6': "uy:col-span-1 uy:md:col-span-2";
+        '5/6': "uy:col-span-5 uy:md:col-span-10";
+        full: "uy:col-span-full";
     };
     colStart: {
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        auto: string;
+        '-1': "uy:-col-start-1";
+        '-2': "uy:-col-start-2";
+        '-3': "uy:-col-start-3";
+        '-4': "uy:-col-start-4";
+        '-5': "uy:-col-start-5";
+        '-6': "uy:-col-start-6";
+        '-7': "uy:-col-start-7";
+        '-8': "uy:-col-start-8";
+        '-9': "uy:-col-start-9";
+        '-10': "uy:-col-start-10";
+        '-11': "uy:-col-start-11";
+        '-12': "uy:-col-start-12";
+        '-13': "uy:-col-start-13";
+        '1': "uy:col-start-1";
+        '2': "uy:col-start-2";
+        '3': "uy:col-start-3";
+        '4': "uy:col-start-4";
+        '5': "uy:col-start-5";
+        '6': "uy:col-start-6";
+        '7': "uy:col-start-7";
+        '8': "uy:col-start-8";
+        '9': "uy:col-start-9";
+        '10': "uy:col-start-10";
+        '11': "uy:col-start-11";
+        '12': "uy:col-start-12";
+        '13': "uy:col-start-13";
+        auto: "uy:col-start-auto";
     };
     colEnd: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        auto: string;
+        '1': "uy:col-end-1";
+        '2': "uy:col-end-2";
+        '3': "uy:col-end-3";
+        '4': "uy:col-end-4";
+        '5': "uy:col-end-5";
+        '6': "uy:col-end-6";
+        '7': "uy:col-end-7";
+        '8': "uy:col-end-8";
+        '9': "uy:col-end-9";
+        '10': "uy:col-end-10";
+        '11': "uy:col-end-11";
+        '12': "uy:col-end-12";
+        '13': "uy:col-end-13";
+        '-1': "uy:-col-end-1";
+        '-2': "uy:-col-end-2";
+        '-3': "uy:-col-end-3";
+        '-4': "uy:-col-end-4";
+        '-5': "uy:-col-end-5";
+        '-6': "uy:-col-end-6";
+        '-7': "uy:-col-end-7";
+        '-8': "uy:-col-end-8";
+        '-9': "uy:-col-end-9";
+        '-10': "uy:-col-end-10";
+        '-11': "uy:-col-end-11";
+        '-12': "uy:-col-end-12";
+        '-13': "uy:-col-end-13";
+        auto: "uy:col-end-auto";
     };
     justify: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
+        initial: "";
+        start: "uy:justify-self-start";
+        end: "uy:justify-self-end";
+        center: "uy:justify-self-center";
+        stretch: "uy:justify-self-stretch";
     };
     align: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
+        initial: "uy:self-auto";
+        start: "uy:self-start";
+        end: "uy:self-end";
+        center: "uy:self-center";
+        stretch: "uy:self-stretch";
+        baseline: "uy:self-baseline";
     };
-}, undefined, undefined, unknown, unknown, undefined>>;
+}, undefined>>;
 export type GridItemVariants = VariantProps<typeof gridItem>;