@octavius2929-personal/design-system 0.23.0 → 0.23.2

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.cjs +21 -3
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +2 -2
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +4 -4
  6. package/dist/index.d.ts +4 -4
  7. package/dist/index.js +21 -3
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -78,7 +78,7 @@ declare const schemas: {
78
78
  readonly letterSpacing: "0.14em";
79
79
  };
80
80
  readonly display: {
81
- readonly size: "5.6rem";
81
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
82
82
  readonly lineHeight: "1.05";
83
83
  readonly weight: "600";
84
84
  readonly letterSpacing: "-0.01em";
@@ -226,7 +226,7 @@ declare const schemas: {
226
226
  readonly letterSpacing: "0.14em";
227
227
  };
228
228
  readonly display: {
229
- readonly size: "5.6rem";
229
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
230
230
  readonly lineHeight: "1.05";
231
231
  readonly weight: "600";
232
232
  readonly letterSpacing: "-0.01em";
@@ -374,7 +374,7 @@ declare const schemas: {
374
374
  readonly letterSpacing: "0.14em";
375
375
  };
376
376
  readonly display: {
377
- readonly size: "5.6rem";
377
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
378
378
  readonly lineHeight: "1.05";
379
379
  readonly weight: "600";
380
380
  readonly letterSpacing: "-0.01em";
@@ -522,7 +522,7 @@ declare const schemas: {
522
522
  readonly letterSpacing: "0.14em";
523
523
  };
524
524
  readonly display: {
525
- readonly size: "5.6rem";
525
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
526
526
  readonly lineHeight: "1.05";
527
527
  readonly weight: "600";
528
528
  readonly letterSpacing: "-0.01em";
package/dist/index.d.ts CHANGED
@@ -78,7 +78,7 @@ declare const schemas: {
78
78
  readonly letterSpacing: "0.14em";
79
79
  };
80
80
  readonly display: {
81
- readonly size: "5.6rem";
81
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
82
82
  readonly lineHeight: "1.05";
83
83
  readonly weight: "600";
84
84
  readonly letterSpacing: "-0.01em";
@@ -226,7 +226,7 @@ declare const schemas: {
226
226
  readonly letterSpacing: "0.14em";
227
227
  };
228
228
  readonly display: {
229
- readonly size: "5.6rem";
229
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
230
230
  readonly lineHeight: "1.05";
231
231
  readonly weight: "600";
232
232
  readonly letterSpacing: "-0.01em";
@@ -374,7 +374,7 @@ declare const schemas: {
374
374
  readonly letterSpacing: "0.14em";
375
375
  };
376
376
  readonly display: {
377
- readonly size: "5.6rem";
377
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
378
378
  readonly lineHeight: "1.05";
379
379
  readonly weight: "600";
380
380
  readonly letterSpacing: "-0.01em";
@@ -522,7 +522,7 @@ declare const schemas: {
522
522
  readonly letterSpacing: "0.14em";
523
523
  };
524
524
  readonly display: {
525
- readonly size: "5.6rem";
525
+ readonly size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)";
526
526
  readonly lineHeight: "1.05";
527
527
  readonly weight: "600";
528
528
  readonly letterSpacing: "-0.01em";
package/dist/index.js CHANGED
@@ -115,7 +115,13 @@ var tokens = {
115
115
  // Roles tipográficos: tamaño/interlineado/peso/tracking listos para typography.css.ts.
116
116
  text: {
117
117
  eyebrow: { size: "0.694rem", lineHeight: "1.2", weight: "500", letterSpacing: "0.14em" },
118
- display: { size: "5.6rem", lineHeight: "1.05", weight: "600", letterSpacing: "-0.01em" },
118
+ // Escala fluida: ~43px en 375px (entra en móvil), cotea en 5.6rem (≈90px) desde ~1200px.
119
+ display: {
120
+ size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)",
121
+ lineHeight: "1.05",
122
+ weight: "600",
123
+ letterSpacing: "-0.01em"
124
+ },
119
125
  h1: { size: "2.9rem", lineHeight: "1.05", weight: "600", letterSpacing: "-0.01em" },
120
126
  h2: { size: "2.1rem", lineHeight: "1.2", weight: "600", letterSpacing: "0" },
121
127
  h3: { size: "1.563rem", lineHeight: "1.2", weight: "500", letterSpacing: "0" },
@@ -1832,7 +1838,17 @@ function useStyles18({
1832
1838
 
1833
1839
  // src/components/select/index.tsx
1834
1840
  import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
1835
- var Select = forwardRef20(function Select2({ options, value, onChange, placeholder: placeholder2, label: label7, disabled: disabled3, ...rest }, ref) {
1841
+ var Select = forwardRef20(function Select2({
1842
+ options,
1843
+ value,
1844
+ onChange,
1845
+ placeholder: placeholder2,
1846
+ label: label7,
1847
+ disabled: disabled3,
1848
+ "aria-label": ariaLabel,
1849
+ "aria-labelledby": ariaLabelledBy,
1850
+ ...rest
1851
+ }, ref) {
1836
1852
  const [open, setOpen] = useState6(false);
1837
1853
  const [activeIndex, setActiveIndex] = useState6(0);
1838
1854
  const rootRef = useRef3(null);
@@ -1844,6 +1860,7 @@ var Select = forwardRef20(function Select2({ options, value, onChange, placehold
1844
1860
  const baseId = useId3();
1845
1861
  const labelId = `${baseId}-label`;
1846
1862
  const optionId = (index) => `${baseId}-option-${index}`;
1863
+ const triggerLabelledBy = [label7 ? labelId : null, ariaLabelledBy].filter(Boolean).join(" ") || void 0;
1847
1864
  const {
1848
1865
  root: root24,
1849
1866
  label: labelClass,
@@ -1923,7 +1940,8 @@ var Select = forwardRef20(function Select2({ options, value, onChange, placehold
1923
1940
  disabled: disabled3,
1924
1941
  "aria-haspopup": "listbox",
1925
1942
  "aria-expanded": open,
1926
- "aria-labelledby": label7 ? labelId : void 0,
1943
+ "aria-label": ariaLabel,
1944
+ "aria-labelledby": triggerLabelledBy,
1927
1945
  "aria-activedescendant": open ? optionId(activeIndex) : void 0,
1928
1946
  onClick: () => {
1929
1947
  if (disabled3) return;