@aristobyte-ui/label 1.0.58 → 1.0.60

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.
Files changed (9) hide show
  1. package/dist/index.d.mts +4 -0
  2. package/dist/index.d.ts +4 -0
  3. package/dist/index.js +43 -2
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +43 -2
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +4 -5
  8. package/dist/index.css +0 -14
  9. package/dist/index.css.map +0 -1
package/dist/index.d.mts CHANGED
@@ -2,6 +2,10 @@ import * as React from 'react';
2
2
 
3
3
  interface ILabel {
4
4
  text: string;
5
+ variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
6
+ size?: "xsm" | "sm" | "md" | "lg" | "xlg";
7
+ radius?: "none" | "sm" | "md" | "lg" | "full";
8
+ className?: string;
5
9
  color?: string;
6
10
  backgroundColor?: string;
7
11
  borderColor?: string;
package/dist/index.d.ts CHANGED
@@ -2,6 +2,10 @@ import * as React from 'react';
2
2
 
3
3
  interface ILabel {
4
4
  text: string;
5
+ variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
6
+ size?: "xsm" | "sm" | "md" | "lg" | "xlg";
7
+ radius?: "none" | "sm" | "md" | "lg" | "full";
8
+ className?: string;
5
9
  color?: string;
6
10
  backgroundColor?: string;
7
11
  borderColor?: string;
package/dist/index.js CHANGED
@@ -26,14 +26,55 @@ __export(index_exports, {
26
26
  });
27
27
  module.exports = __toCommonJS(index_exports);
28
28
 
29
- // components/Label/index.tsx
29
+ // ../../node_modules/clsx/dist/clsx.mjs
30
+ function r(e) {
31
+ var t, f, n = "";
32
+ if ("string" == typeof e || "number" == typeof e) n += e;
33
+ else if ("object" == typeof e) if (Array.isArray(e)) {
34
+ var o = e.length;
35
+ for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
36
+ } else for (f in e) e[f] && (n && (n += " "), n += f);
37
+ return n;
38
+ }
39
+ function clsx() {
40
+ for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
41
+ return n;
42
+ }
43
+ var clsx_default = clsx;
44
+
45
+ // components/Label.tsx
30
46
  var import_jsx_runtime = require("react/jsx-runtime");
31
47
  var Label = ({
32
48
  text,
49
+ variant = "default",
50
+ size = "md",
51
+ radius = "md",
52
+ className = "",
33
53
  color,
34
54
  backgroundColor,
35
55
  borderColor
36
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "label", style: { backgroundColor, borderColor, color }, children: text });
56
+ }) => {
57
+ const labelClass = clsx_default(
58
+ "label",
59
+ `label-${variant}-solid`,
60
+ // default to solid appearance; could make this configurable
61
+ `label-${size}`,
62
+ `label-radius-${radius}`,
63
+ className
64
+ );
65
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
66
+ "label",
67
+ {
68
+ className: labelClass,
69
+ style: {
70
+ color,
71
+ backgroundColor,
72
+ borderColor
73
+ },
74
+ children: text
75
+ }
76
+ );
77
+ };
37
78
  // Annotate the CommonJS export names for ESM import in node:
38
79
  0 && (module.exports = {
39
80
  Label
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../index.ts","../components/Label/index.tsx"],"sourcesContent":["export * from \"./components\";\n","import * as React from \"react\";\n\nimport \"./Label.scss\";\n\nexport interface ILabel {\n text: string;\n color?: string;\n backgroundColor?: string;\n borderColor?: string;\n}\n\nexport const Label: React.FC<ILabel> = ({\n text,\n color,\n backgroundColor,\n borderColor,\n}) => (\n <label className=\"label\" style={{ backgroundColor, borderColor, color }}>\n {text}\n </label>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACiBE;AANK,IAAM,QAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,4CAAC,WAAM,WAAU,SAAQ,OAAO,EAAE,iBAAiB,aAAa,MAAM,GACnE,gBACH;","names":[]}
1
+ {"version":3,"sources":["../index.ts","../../../node_modules/clsx/dist/clsx.mjs","../components/Label.tsx"],"sourcesContent":["export * from \"./components\";\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\n\nexport interface ILabel {\n text: string;\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n className?: string;\n color?: string;\n backgroundColor?: string;\n borderColor?: string;\n}\n\nexport const Label: React.FC<ILabel> = ({\n text,\n variant = \"default\",\n size = \"md\",\n radius = \"md\",\n className = \"\",\n color,\n backgroundColor,\n borderColor,\n}) => {\n const labelClass = clsx(\n \"label\",\n `label-${variant}-solid`, // default to solid appearance; could make this configurable\n `label-${size}`,\n `label-radius-${radius}`,\n className\n );\n\n return (\n <label\n className={labelClass}\n style={{\n color,\n backgroundColor,\n borderColor,\n }}\n >\n {text}\n </label>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAC,IAAO,eAAQ;;;ACyC3X;AAnBG,IAAM,QAA0B,CAAC;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,SAAS,OAAO;AAAA;AAAA,IAChB,SAAS,IAAI;AAAA,IACb,gBAAgB,MAAM;AAAA,IACtB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
package/dist/index.mjs CHANGED
@@ -1,14 +1,55 @@
1
1
  "use client";
2
2
  import "./index.css";
3
3
 
4
- // components/Label/index.tsx
4
+ // ../../node_modules/clsx/dist/clsx.mjs
5
+ function r(e) {
6
+ var t, f, n = "";
7
+ if ("string" == typeof e || "number" == typeof e) n += e;
8
+ else if ("object" == typeof e) if (Array.isArray(e)) {
9
+ var o = e.length;
10
+ for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
11
+ } else for (f in e) e[f] && (n && (n += " "), n += f);
12
+ return n;
13
+ }
14
+ function clsx() {
15
+ for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
16
+ return n;
17
+ }
18
+ var clsx_default = clsx;
19
+
20
+ // components/Label.tsx
5
21
  import { jsx } from "react/jsx-runtime";
6
22
  var Label = ({
7
23
  text,
24
+ variant = "default",
25
+ size = "md",
26
+ radius = "md",
27
+ className = "",
8
28
  color,
9
29
  backgroundColor,
10
30
  borderColor
11
- }) => /* @__PURE__ */ jsx("label", { className: "label", style: { backgroundColor, borderColor, color }, children: text });
31
+ }) => {
32
+ const labelClass = clsx_default(
33
+ "label",
34
+ `label-${variant}-solid`,
35
+ // default to solid appearance; could make this configurable
36
+ `label-${size}`,
37
+ `label-radius-${radius}`,
38
+ className
39
+ );
40
+ return /* @__PURE__ */ jsx(
41
+ "label",
42
+ {
43
+ className: labelClass,
44
+ style: {
45
+ color,
46
+ backgroundColor,
47
+ borderColor
48
+ },
49
+ children: text
50
+ }
51
+ );
52
+ };
12
53
  export {
13
54
  Label
14
55
  };
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../components/Label/index.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport \"./Label.scss\";\n\nexport interface ILabel {\n text: string;\n color?: string;\n backgroundColor?: string;\n borderColor?: string;\n}\n\nexport const Label: React.FC<ILabel> = ({\n text,\n color,\n backgroundColor,\n borderColor,\n}) => (\n <label className=\"label\" style={{ backgroundColor, borderColor, color }}>\n {text}\n </label>\n);\n"],"mappings":";;;;AAiBE;AANK,IAAM,QAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,WAAM,WAAU,SAAQ,OAAO,EAAE,iBAAiB,aAAa,MAAM,GACnE,gBACH;","names":[]}
1
+ {"version":3,"sources":["../../../node_modules/clsx/dist/clsx.mjs","../components/Label.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\n\nexport interface ILabel {\n text: string;\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n size?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n radius?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n className?: string;\n color?: string;\n backgroundColor?: string;\n borderColor?: string;\n}\n\nexport const Label: React.FC<ILabel> = ({\n text,\n variant = \"default\",\n size = \"md\",\n radius = \"md\",\n className = \"\",\n color,\n backgroundColor,\n borderColor,\n}) => {\n const labelClass = clsx(\n \"label\",\n `label-${variant}-solid`, // default to solid appearance; could make this configurable\n `label-${size}`,\n `label-radius-${radius}`,\n className\n );\n\n return (\n <label\n className={labelClass}\n style={{\n color,\n backgroundColor,\n borderColor,\n }}\n >\n {text}\n </label>\n );\n};\n"],"mappings":";;;;AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAC,IAAO,eAAQ;;;ACyC3X;AAnBG,IAAM,QAA0B,CAAC;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,SAAS,OAAO;AAAA;AAAA,IAChB,SAAS,IAAI;AAAA,IACb,gBAAgB,MAAM;AAAA,IACtB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aristobyte-ui/label",
3
3
  "description": "AristoByteUI Label component: a reusable, styled label for forms and UI elements.",
4
- "version": "1.0.58",
4
+ "version": "1.0.60",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "author": "AristoByte <info@aristobyte.com>",
@@ -56,7 +56,7 @@
56
56
  "check-types": "tsc --noEmit"
57
57
  },
58
58
  "dependencies": {
59
- "@aristobyte-ui/utils": "^1.0.58",
59
+ "@aristobyte-ui/utils": "^1.0.60",
60
60
  "esbuild-sass-plugin": "^3.3.1",
61
61
  "react": "^19.1.0",
62
62
  "react-dom": "^19.1.0",
@@ -64,8 +64,8 @@
64
64
  "tsup": "^8.5.0"
65
65
  },
66
66
  "devDependencies": {
67
- "@aristobyte-ui/eslint-config": "^1.0.58",
68
- "@aristobyte-ui/typescript-config": "^1.0.58",
67
+ "@aristobyte-ui/eslint-config": "^1.0.60",
68
+ "@aristobyte-ui/typescript-config": "^1.0.60",
69
69
  "@turbo/gen": "^2.5.0",
70
70
  "@types/node": "^24.3.0",
71
71
  "@types/react": "19.1.0",
@@ -74,7 +74,6 @@
74
74
  "eslint": "^9.27.0",
75
75
  "postcss": "^8.5.3",
76
76
  "sass-embedded": "^1.91.0",
77
- "tailwindcss": "^4.1.7",
78
77
  "tsup": "^8.5.0",
79
78
  "typescript": "^5.8.3"
80
79
  }
package/dist/index.css DELETED
@@ -1,14 +0,0 @@
1
- /* components/Label/Label.scss */
2
- .label {
3
- border-width: 1px;
4
- border-style: solid;
5
- border-color: #314158;
6
- background-color: rgba(29, 41, 61, 0.3);
7
- border-radius: 10px;
8
- color: #ffffff;
9
- font-family: "Inter", sans-serif;
10
- font-size: 14px;
11
- font-weight: 500;
12
- padding: 4px 11px;
13
- }
14
- /*# sourceMappingURL=index.css.map */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../components/Label.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.label {\n border-width: 1px;\n border-style: solid;\n border-color: #314158; //@TODO: @COLOR\n background-color: rgba(29, 41, 61, 0.3); //@TODO: @COLOR\n border-radius: 10px;\n color: $white;\n font-family: $font-family-sans;\n font-size: 14px;\n font-weight: 500;\n padding: 4px 11px;\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n// Logo\n$logo-color-1: #ffee27;\n$logo-color-2: #fec800;\n$logo-color-3: #f18e35;\n$logo-color-4: #e95f32;\n$logo-color-5: #e2312d;\n$logo-gradient: linear-gradient(\n 90deg,\n $logo-color-1,\n $logo-color-2,\n $logo-color-3,\n $logo-color-4,\n $logo-color-5\n);\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":";AAEA,CAAA;AACE,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,oBAAA,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AACA,iBAAA;AACA,SCaM;ADZN,eCsJiB,OAAA,EAAA;ADrJjB,aAAA;AACA,eAAA;AACA,WAAA,IAAA;;","names":[]}