get-elementa-ui 1.11.5 → 1.12.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/dist/index.esm.js +113 -94
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +113 -94
- package/dist/index.js.map +1 -1
- package/dist/style.css +25 -7
- package/dist/types/components/label.d.ts +4 -0
- package/dist/types/components/spinner.d.ts +2 -0
- package/dist/types/components/text.d.ts +21 -3
- package/package.json +2 -2
- package/dist/types/lib/types.d.ts +0 -22
package/dist/style.css
CHANGED
|
@@ -1,7 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
@font-face{font-display:swap;font-family:Fraunces;font-style:normal;font-weight:400;src:url(assets/fonts/fraunces/Fraunces-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Fraunces;font-style:normal;font-weight:700;src:url(assets/fonts/fraunces/Fraunces-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:300;src:url(assets/fonts/satoshi/Satoshi-Light.otf) format("opentype")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:400;src:url(assets/fonts/satoshi/Satoshi-Regular.otf) format("opentype")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:500;src:url(assets/fonts/satoshi/Satoshi-Medium.otf) format("opentype")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:700;src:url(assets/fonts/satoshi/Satoshi-Bold.otf) format("opentype")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:900;src:url(assets/fonts/satoshi/Satoshi-Black.otf) format("opentype")}:root{--color-electric-violet-100:oklch(0.963 0.0193 302.21);--color-electric-violet-200:oklch(0.8907 0.0562 301.22);--color-electric-violet-300:oklch(0.8189 0.0956 300.04);--color-electric-violet-400:oklch(0.7474 0.1344 298.96);--color-electric-violet-500:oklch(0.6777 0.1726 297.5);--color-electric-violet-600:oklch(0.6436 0.1922 296.58);--color-electric-violet-700:oklch(0.5965 0.177 296.84);--color-electric-violet-800:oklch(0.4977 0.144 297.26);--color-electric-violet-900:oklch(0.3963 0.1087 297.27);--color-electric-violet-1000:oklch(0.2849 0.0719 296.56);--color-electric-violet-1100:oklch(0.162 0.0275 297.41);
|
|
2
|
+
/* !SECTION: Electric Violet */--color-hot-pink-100:oklch(0.9656 0.0179 351.14);--color-hot-pink-200:oklch(0.8976 0.0586 350.91);--color-hot-pink-300:oklch(0.8335 0.0986 352.09);--color-hot-pink-400:oklch(0.7732 0.1386 354.16);--color-hot-pink-500:oklch(0.7195 0.1797 356.01);--color-hot-pink-600:oklch(0.6958 0.197 357.35);--color-hot-pink-700:oklch(0.6435 0.1802 357.35);--color-hot-pink-800:oklch(0.5363 0.1483 356.85);--color-hot-pink-900:oklch(0.4245 0.1124 357.09);--color-hot-pink-1000:oklch(0.3017 0.0738 356.56);--color-hot-pink-1100:oklch(0.3017 0.0738 356.56);
|
|
3
|
+
/* !SECTION: Hot Pink */--color-acid-lime-100:oklch(0.9902 0.0225 114.93);--color-acid-lime-200:oklch(0.9691 0.0642 116.06);--color-acid-lime-300:oklch(0.9499 0.1049 116.33);--color-acid-lime-400:oklch(0.9322 0.1418 116.96);--color-acid-lime-500:oklch(0.9152 0.172 118.11);--color-acid-lime-600:oklch(0.9086 0.185 118.66);--color-acid-lime-700:oklch(0.8399 0.1704 118.55);--color-acid-lime-800:oklch(0.6971 0.1399 118.7);--color-acid-lime-900:oklch(0.5474 0.1072 118.39);--color-acid-lime-1000:oklch(0.3829 0.0713 117.74);--color-acid-lime-1100:oklch(0.2008 0.0295 117.79);
|
|
4
|
+
/* !SECTION: Acid Lime */--color-aqua-mint-100:oklch(0.984 0.0136 174.18);--color-aqua-mint-200:oklch(0.9555 0.0414 173.81);--color-aqua-mint-300:oklch(0.9264 0.0673 172.59);--color-aqua-mint-400:oklch(0.8986 0.0924 171.55);--color-aqua-mint-500:oklch(0.8761 0.1153 170.28);--color-aqua-mint-600:oklch(0.8644 0.1254 169.48);--color-aqua-mint-700:oklch(0.7981 0.1149 169.43);--color-aqua-mint-800:oklch(0.6636 0.0942 169.64);--color-aqua-mint-900:oklch(0.5218 0.0724 170);--color-aqua-mint-1000:oklch(0.3663 0.0479 170.32);--color-aqua-mint-1100:oklch(0.1953 0.0202 172.63);
|
|
5
|
+
/* !SECTION: Aqua Mint */
|
|
6
|
+
/* !SECTION: Accent Colors */--color-gun-metal-100:oklch(0.8766 0.0052 228.83);--color-gun-metal-200:oklch(0.793 0.0099 222.08);--color-gun-metal-300:oklch(0.6855 0.0146 226.66);--color-gun-metal-400:oklch(0.5707 0.0207 232.78);--color-gun-metal-500:oklch(0.4523 0.0266 229.7);--color-gun-metal-600:oklch(0.3273 0.034 230.85);--color-gun-metal-700:oklch(0.293 0.0296 229.4);--color-gun-metal-800:oklch(0.2555 0.0244 234.06);--color-gun-metal-900:oklch(0.2189 0.0197 232.69);--color-gun-metal-1000:oklch(0.1801 0.0136 223.07);--color-gun-metal-1100:oklch(0.1458 0.0083 227.73);
|
|
7
|
+
/* !SECTION: Gun Metal */--color-amber-white-100:oklch(0.9913 0.0013 286.38);--color-amber-white-200:oklch(0.9854 0.0013 286.38);--color-amber-white-300:oklch(0.9787 0.0017 247.84);--color-amber-white-400:oklch(0.9719 0.0025 228.78);--color-amber-white-500:oklch(0.964 0.0029 264.54);--color-amber-white-600:oklch(0.9572 0.0034 247.86);--color-amber-white-700:oklch(0.8349 0.0036 247.87);--color-amber-white-800:oklch(0.7077 0.0027 228.8);--color-amber-white-900:oklch(0.5756 0.002 247.86);--color-amber-white-1000:oklch(0.4316 0.0016 286.33);--color-amber-white-1100:oklch(0.3096 0.0018 286.3);
|
|
8
|
+
/* !SECTION: Amber White */
|
|
9
|
+
/* !SECTION: Surface Colors */--color-basil-amber-light:oklch(0.6454 0.1347 142.31)#59a253;--color-basil-amber:oklch(0.4914 0.1336 143.21);--color-basil-amber-dark:oklch(0.3415 0.1162 142.5);--color-basil-gun-metal-light:oklch(0.7736 0.1039 144.1);--color-basil-gun-metal:oklch(0.6187 0.1035 144.2);--color-basil-gun-metal-dark:oklch(0.4647 0.1035 144.68);
|
|
10
|
+
/* !SECTION: Basil */--color-tomato-amber-light:oklch(0.6656 0.2019 22.56);--color-tomato-amber:oklch(0.5106 0.1997 21.42);--color-tomato-amber-dark:oklch(0.3898 0.159163 27.6392);--color-tomato-gun-metal-light:oklch(0.6976 0.1933 29.11);--color-tomato-gun-metal:oklch(0.6373 0.2481 27.08);--color-tomato-gun-metal-dark:oklch(0.5132 0.2106 29.23);
|
|
11
|
+
/* !SECTION: Tomato */--color-corn-amber-light:oklch(0.8559 0.1406 80.59);--color-corn-amber:oklch(0.7042 0.1341 80.03);--color-corn-amber-dark:oklch(0.5492 0.1147 77.38);--color-corn-gun-metal-light:oklch(0.8798 0.1242 83.19);--color-corn-gun-metal:oklch(0.779 0.1505 62.52);--color-corn-gun-metal-dark:oklch(0.6232 0.1407 61.65);
|
|
12
|
+
/* !SECTION: Corn */--color-blueberry-amber-light:oklch(0.6413 0.1555 262.33);--color-blueberry-amber:oklch(0.4867 0.1602 255.4);--color-blueberry-amber-dark:oklch(0.3562 0.1452 259.99);--color-blueberry-gun-metal-light:oklch(0.7874 0.1107 252.43);--color-blueberry-gun-metal:oklch(0.6327 0.1152 250.45);--color-blueberry-gun-metal-dark:oklch(0.4774 0.1207 246);
|
|
13
|
+
/* !SECTION: Blueberry */--color-disabled-amber:oklch(0.6731 0 0);--color-disabled-gun-metal:oklch(0.325 0 0);--color-text-on-disabled:oklch(0.5208 0 0);
|
|
14
|
+
/* !SECTION: Koala */
|
|
15
|
+
/* !SECTION: Feedback Colors */
|
|
16
|
+
/* !SECTION: Colors */--font-fraunces:"Fraunces",sans-serif;--font-satoshi:"Satoshi",sans-serif;
|
|
17
|
+
/* !SECTION: Fonts */
|
|
18
|
+
/* !SECTION: Variables */--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-background:var(--background);--color-foreground:var(--foreground);
|
|
19
|
+
/* !SECTION: Semantics Mapping */--background:var(--color-amber-white-100);--foreground:var(--color-gun-metal-1100);--font-heading:var(--font-fraunces),serif;--font-body:var(--font-satoshi),sans-serif}.dark{--background:var(--color-gun-metal-1100);--foreground:var(--color-amber-white-100);--font-heading:var(--font-fraunces),serif;--font-body:var(--font-satoshi),sans-serif}
|
|
20
|
+
/* !SECTION: Base Styles */[data-energy=vaporwave]{--primary:var(--color-electric-violet-600);--primary-foreground:#fff;--secondary:var(--color-electric-violet-100);--secondary-foreground:var(--color-electric-violet-900)}.dark[data-energy=vaporwave]{--primary:var(--color-electric-violet-400);--primary-foreground:var(--color-gun-metal-1100);--secondary:var(--color-electric-violet-900);--secondary-foreground:var(--color-electric-violet-100)}
|
|
21
|
+
/* !SECTION: ENERGY 1: VAPORWAVE (Electric Violet + Hot Pink) */[data-energy=electric-shock]{--primary:var(--color-electric-violet-600);--primary-foreground:#fff;--secondary:var(--color-acid-lime-100);--secondary-foreground:var(--color-acid-lime-900)}.dark[data-energy=electric-shock]{--primary:var(--color-electric-violet-400);--primary-foreground:var(--color-gun-metal-1100);--secondary:var(--color-electric-violet-900);--secondary-foreground:var(--color-electric-violet-100)}
|
|
22
|
+
/* !SECTION: ENERGY 2: ELECTRIC SHOCK (Electric Violet + Acid Lime) */[data-energy=cyber-mist]{--primary:var(--color-electric-violet-600);--primary-foreground:#fff;--secondary:var(--color-aqua-mint-100);--secondary-foreground:var(--color-aqua-mint-900)}
|
|
23
|
+
/* !SECTION: ENERGY 3: CYBER MIST (Electric Violet + Aqua Mint) */[data-energy=summer-fruit]{--primary:var(--color-hot-pink-600);--primary-foreground:#fff;--secondary:var(--color-acid-lime-100);--secondary-foreground:var(--color-acid-lime-900)}
|
|
24
|
+
/* !SECTION: ENERGY 4: SUMMER FRUIT (Hot Pink + Acid Lime) */[data-energy=bubblegum-ice]{--primary:var(--color-hot-pink-600);--primary-foreground:#fff;--secondary:var(--color-aqua-mint-100);--secondary-foreground:var(--color-aqua-mint-900)}.dark[data-energy=bubblegum-ice]{--primary:var(--color-hot-pink-600);--primary-foreground:#fff;--secondary:var(--color-gun-metal-900);--secondary-foreground:var(--color-aqua-mint-400)}
|
|
25
|
+
/* !SECTION: ENERGY 5: BUBBLEGUM ICE (Hot Pink + Aqua Mint) */
|
|
@@ -1,6 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
export declare enum TextVariant {
|
|
2
|
+
H1 = 0,
|
|
3
|
+
H2 = 1,
|
|
4
|
+
H3 = 2,
|
|
5
|
+
H4 = 3,
|
|
6
|
+
H5 = 4,
|
|
7
|
+
H6 = 5,
|
|
8
|
+
Body = 6,
|
|
9
|
+
Button = 7,
|
|
10
|
+
Subtitle1 = 8,
|
|
11
|
+
Subtitle2 = 9,
|
|
12
|
+
Caption = 10,
|
|
13
|
+
Custom = 11
|
|
14
|
+
}
|
|
15
|
+
export interface TextProps {
|
|
16
|
+
variant?: TextVariant;
|
|
17
|
+
color?: string;
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
2
21
|
/**
|
|
3
22
|
* This function renders the Text component for the library.
|
|
4
23
|
*/
|
|
5
|
-
declare function Text({ variant, color, children,
|
|
6
|
-
export { Text };
|
|
24
|
+
export declare function Text({ variant, color, children, className }: TextProps): import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "get-elementa-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.12.0",
|
|
4
4
|
"description": "Elementa UI components library.",
|
|
5
5
|
"homepage": "https://deriva.xyz/branding",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.esm.js",
|
|
8
8
|
"types": "dist/types/index.d.ts",
|
|
9
|
-
"style": "dist/
|
|
9
|
+
"style": "dist/styles.css",
|
|
10
10
|
"repository": {
|
|
11
11
|
"type": "git",
|
|
12
12
|
"url": "git+https://github.com/deriva-inc/elementa-ui.git"
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
declare enum TextVariant {
|
|
2
|
-
H1 = 0,
|
|
3
|
-
H2 = 1,
|
|
4
|
-
H3 = 2,
|
|
5
|
-
H4 = 3,
|
|
6
|
-
H5 = 4,
|
|
7
|
-
H6 = 5,
|
|
8
|
-
Body = 6,
|
|
9
|
-
Button = 7,
|
|
10
|
-
Subtitle1 = 8,
|
|
11
|
-
Subtitle2 = 9,
|
|
12
|
-
Caption = 10,
|
|
13
|
-
Custom = 11
|
|
14
|
-
}
|
|
15
|
-
interface TextProps {
|
|
16
|
-
variant?: TextVariant;
|
|
17
|
-
color?: string;
|
|
18
|
-
children: React.ReactNode;
|
|
19
|
-
customClassName?: string;
|
|
20
|
-
}
|
|
21
|
-
export { TextVariant };
|
|
22
|
-
export type { TextProps };
|