@octavius2929-personal/design-system 0.4.0 → 0.5.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.
Files changed (9) hide show
  1. package/dist/index.cjs +22 -22
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +466 -495
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +8 -38
  6. package/dist/index.d.ts +8 -38
  7. package/dist/index.js +22 -22
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -77,11 +77,11 @@ __export(index_exports, {
77
77
  module.exports = __toCommonJS(index_exports);
78
78
 
79
79
  // src/theme/theme.css.ts
80
- var colorVars = { bg1: "var(--bg1__e3grur2c)", bg2: "var(--bg2__e3grur2d)", bg3: "var(--bg3__e3grur2e)", bgInset: "var(--bgInset__e3grur2f)", fg1: "var(--fg1__e3grur2g)", fg2: "var(--fg2__e3grur2h)", fg3: "var(--fg3__e3grur2i)", fgOnAccent: "var(--fgOnAccent__e3grur2j)", border1: "var(--border1__e3grur2k)", border2: "var(--border2__e3grur2l)", borderStrong: "var(--borderStrong__e3grur2m)", accent: "var(--accent__e3grur2n)", accentHover: "var(--accentHover__e3grur2o)", accentSoft: "var(--accentSoft__e3grur2p)", ok: "var(--ok__e3grur2q)", warn: "var(--warn__e3grur2r)", danger: "var(--danger__e3grur2s)", info: "var(--info__e3grur2t)", focus: "var(--focus__e3grur2u)", scrim: "var(--scrim__e3grur2v)" };
80
+ var colorVars = { bg1: "var(--bg1__e3grur28)", bg2: "var(--bg2__e3grur29)", bg3: "var(--bg3__e3grur2a)", bgInset: "var(--bgInset__e3grur2b)", fg1: "var(--fg1__e3grur2c)", fg2: "var(--fg2__e3grur2d)", fg3: "var(--fg3__e3grur2e)", fgOnAccent: "var(--fgOnAccent__e3grur2f)", border1: "var(--border1__e3grur2g)", border2: "var(--border2__e3grur2h)", borderStrong: "var(--borderStrong__e3grur2i)", accent: "var(--accent__e3grur2j)", accentHover: "var(--accentHover__e3grur2k)", accentSoft: "var(--accentSoft__e3grur2l)", ok: "var(--ok__e3grur2m)", warn: "var(--warn__e3grur2n)", danger: "var(--danger__e3grur2o)", info: "var(--info__e3grur2p)", focus: "var(--focus__e3grur2q)", scrim: "var(--scrim__e3grur2r)" };
81
81
  var modeNames = ["light", "dark", "sepia", "contrast"];
82
82
  var schemaNames = ["tinta"];
83
- var themes = { tinta: { light: "theme_themes_tinta_light__e3grur2w", dark: "theme_themes_tinta_dark__e3grur2x", sepia: "theme_themes_tinta_sepia__e3grur2y", contrast: "theme_themes_tinta_contrast__e3grur2z" } };
84
- var vars = { font: { display: "var(--font-display__e3grur0)", text: "var(--font-text__e3grur1)", mono: "var(--font-mono__e3grur2)", black: "var(--font-black__e3grur3)" }, text: { eyebrow: { size: "var(--text-eyebrow-size__e3grur4)", lineHeight: "var(--text-eyebrow-lineHeight__e3grur5)", weight: "var(--text-eyebrow-weight__e3grur6)", letterSpacing: "var(--text-eyebrow-letterSpacing__e3grur7)" }, display: { size: "var(--text-display-size__e3grur8)", lineHeight: "var(--text-display-lineHeight__e3grur9)", weight: "var(--text-display-weight__e3grura)", letterSpacing: "var(--text-display-letterSpacing__e3grurb)" }, h1: { size: "var(--text-h1-size__e3grurc)", lineHeight: "var(--text-h1-lineHeight__e3grurd)", weight: "var(--text-h1-weight__e3grure)", letterSpacing: "var(--text-h1-letterSpacing__e3grurf)" }, h2: { size: "var(--text-h2-size__e3grurg)", lineHeight: "var(--text-h2-lineHeight__e3grurh)", weight: "var(--text-h2-weight__e3gruri)", letterSpacing: "var(--text-h2-letterSpacing__e3grurj)" }, h3: { size: "var(--text-h3-size__e3grurk)", lineHeight: "var(--text-h3-lineHeight__e3grurl)", weight: "var(--text-h3-weight__e3grurm)", letterSpacing: "var(--text-h3-letterSpacing__e3grurn)" }, h4: { size: "var(--text-h4-size__e3gruro)", lineHeight: "var(--text-h4-lineHeight__e3grurp)", weight: "var(--text-h4-weight__e3grurq)", letterSpacing: "var(--text-h4-letterSpacing__e3grurr)" }, body: { size: "var(--text-body-size__e3grurs)", lineHeight: "var(--text-body-lineHeight__e3grurt)", weight: "var(--text-body-weight__e3gruru)", letterSpacing: "var(--text-body-letterSpacing__e3grurv)" }, lead: { size: "var(--text-lead-size__e3grurw)", lineHeight: "var(--text-lead-lineHeight__e3grurx)", weight: "var(--text-lead-weight__e3grury)", letterSpacing: "var(--text-lead-letterSpacing__e3grurz)" }, small: { size: "var(--text-small-size__e3grur10)", lineHeight: "var(--text-small-lineHeight__e3grur11)", weight: "var(--text-small-weight__e3grur12)", letterSpacing: "var(--text-small-letterSpacing__e3grur13)" }, caption: { size: "var(--text-caption-size__e3grur14)", lineHeight: "var(--text-caption-lineHeight__e3grur15)", weight: "var(--text-caption-weight__e3grur16)", letterSpacing: "var(--text-caption-letterSpacing__e3grur17)" } }, space: { none: "var(--space-none__e3grur18)", xs: "var(--space-xs__e3grur19)", sm: "var(--space-sm__e3grur1a)", md: "var(--space-md__e3grur1b)", lg: "var(--space-lg__e3grur1c)", xl: "var(--space-xl__e3grur1d)", "2xl": "var(--space-2xl__e3grur1e)", "3xl": "var(--space-3xl__e3grur1f)", "4xl": "var(--space-4xl__e3grur1g)", "5xl": "var(--space-5xl__e3grur1h)" }, radius: { none: "var(--radius-none__e3grur1i)", sm: "var(--radius-sm__e3grur1j)", md: "var(--radius-md__e3grur1k)", lg: "var(--radius-lg__e3grur1l)", base: "var(--radius-base__e3grur1m)", full: "var(--radius-full__e3grur1n)" }, border: { hair: "var(--border-hair__e3grur1o)", rule: "var(--border-rule__e3grur1p)", heavy: "var(--border-heavy__e3grur1q)" }, tracking: { tight: "var(--tracking-tight__e3grur1r)", normal: "var(--tracking-normal__e3grur1s)", wide: "var(--tracking-wide__e3grur1t)", wider: "var(--tracking-wider__e3grur1u)", widest: "var(--tracking-widest__e3grur1v)" }, leading: { tight: "var(--leading-tight__e3grur1w)", snug: "var(--leading-snug__e3grur1x)", normal: "var(--leading-normal__e3grur1y)", relaxed: "var(--leading-relaxed__e3grur1z)" }, weight: { light: "var(--weight-light__e3grur20)", regular: "var(--weight-regular__e3grur21)", medium: "var(--weight-medium__e3grur22)", semibold: "var(--weight-semibold__e3grur23)", bold: "var(--weight-bold__e3grur24)" }, dur: { fast: "var(--dur-fast__e3grur25)", base: "var(--dur-base__e3grur26)", slow: "var(--dur-slow__e3grur27)" }, ease: { ink: "var(--ease-ink__e3grur28)" }, shadow: { sm: "var(--shadow-sm__e3grur29)", md: "var(--shadow-md__e3grur2a)", lg: "var(--shadow-lg__e3grur2b)" }, color: colorVars };
83
+ var themes = { tinta: { light: "theme_themes_tinta_light__e3grur2s", dark: "theme_themes_tinta_dark__e3grur2t", sepia: "theme_themes_tinta_sepia__e3grur2u", contrast: "theme_themes_tinta_contrast__e3grur2v" } };
84
+ var vars = { font: { display: "var(--font-display__e3grur0)", text: "var(--font-text__e3grur1)", mono: "var(--font-mono__e3grur2)", black: "var(--font-black__e3grur3)" }, text: { eyebrow: { size: "var(--text-eyebrow-size__e3grur4)", lineHeight: "var(--text-eyebrow-lineHeight__e3grur5)", weight: "var(--text-eyebrow-weight__e3grur6)", letterSpacing: "var(--text-eyebrow-letterSpacing__e3grur7)" }, display: { size: "var(--text-display-size__e3grur8)", lineHeight: "var(--text-display-lineHeight__e3grur9)", weight: "var(--text-display-weight__e3grura)", letterSpacing: "var(--text-display-letterSpacing__e3grurb)" }, h1: { size: "var(--text-h1-size__e3grurc)", lineHeight: "var(--text-h1-lineHeight__e3grurd)", weight: "var(--text-h1-weight__e3grure)", letterSpacing: "var(--text-h1-letterSpacing__e3grurf)" }, h2: { size: "var(--text-h2-size__e3grurg)", lineHeight: "var(--text-h2-lineHeight__e3grurh)", weight: "var(--text-h2-weight__e3gruri)", letterSpacing: "var(--text-h2-letterSpacing__e3grurj)" }, h3: { size: "var(--text-h3-size__e3grurk)", lineHeight: "var(--text-h3-lineHeight__e3grurl)", weight: "var(--text-h3-weight__e3grurm)", letterSpacing: "var(--text-h3-letterSpacing__e3grurn)" }, h4: { size: "var(--text-h4-size__e3gruro)", lineHeight: "var(--text-h4-lineHeight__e3grurp)", weight: "var(--text-h4-weight__e3grurq)", letterSpacing: "var(--text-h4-letterSpacing__e3grurr)" }, body: { size: "var(--text-body-size__e3grurs)", lineHeight: "var(--text-body-lineHeight__e3grurt)", weight: "var(--text-body-weight__e3gruru)", letterSpacing: "var(--text-body-letterSpacing__e3grurv)" }, lead: { size: "var(--text-lead-size__e3grurw)", lineHeight: "var(--text-lead-lineHeight__e3grurx)", weight: "var(--text-lead-weight__e3grury)", letterSpacing: "var(--text-lead-letterSpacing__e3grurz)" }, small: { size: "var(--text-small-size__e3grur10)", lineHeight: "var(--text-small-lineHeight__e3grur11)", weight: "var(--text-small-weight__e3grur12)", letterSpacing: "var(--text-small-letterSpacing__e3grur13)" }, caption: { size: "var(--text-caption-size__e3grur14)", lineHeight: "var(--text-caption-lineHeight__e3grur15)", weight: "var(--text-caption-weight__e3grur16)", letterSpacing: "var(--text-caption-letterSpacing__e3grur17)" } }, space: { none: "var(--space-none__e3grur18)", xs: "var(--space-xs__e3grur19)", sm: "var(--space-sm__e3grur1a)", md: "var(--space-md__e3grur1b)", lg: "var(--space-lg__e3grur1c)", xl: "var(--space-xl__e3grur1d)", "2xl": "var(--space-2xl__e3grur1e)", "3xl": "var(--space-3xl__e3grur1f)", "4xl": "var(--space-4xl__e3grur1g)", "5xl": "var(--space-5xl__e3grur1h)" }, radius: { none: "var(--radius-none__e3grur1i)", sm: "var(--radius-sm__e3grur1j)", md: "var(--radius-md__e3grur1k)", lg: "var(--radius-lg__e3grur1l)", base: "var(--radius-base__e3grur1m)", full: "var(--radius-full__e3grur1n)" }, border: { hair: "var(--border-hair__e3grur1o)", rule: "var(--border-rule__e3grur1p)", heavy: "var(--border-heavy__e3grur1q)" }, tracking: { tight: "var(--tracking-tight__e3grur1r)", normal: "var(--tracking-normal__e3grur1s)", wide: "var(--tracking-wide__e3grur1t)", wider: "var(--tracking-wider__e3grur1u)", widest: "var(--tracking-widest__e3grur1v)" }, weight: { light: "var(--weight-light__e3grur1w)", regular: "var(--weight-regular__e3grur1x)", medium: "var(--weight-medium__e3grur1y)", semibold: "var(--weight-semibold__e3grur1z)", bold: "var(--weight-bold__e3grur20)" }, dur: { fast: "var(--dur-fast__e3grur21)", base: "var(--dur-base__e3grur22)", slow: "var(--dur-slow__e3grur23)" }, ease: { ink: "var(--ease-ink__e3grur24)" }, shadow: { sm: "var(--shadow-sm__e3grur25)", md: "var(--shadow-md__e3grur26)", lg: "var(--shadow-lg__e3grur27)" }, color: colorVars };
85
85
 
86
86
  // src/hooks/use-previous/index.ts
87
87
  var import_react = require("react");
@@ -515,11 +515,11 @@ function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
515
515
  var import_react10 = require("react");
516
516
 
517
517
  // src/components/checkbox/use-styles.css.ts
518
- var box = "use-styles_box__9zoga92";
519
- var boxChecked = "use-styles_boxChecked__9zoga93";
520
- var check = "use-styles_check__9zoga94";
521
- var disabled = "use-styles_disabled__9zoga95";
522
- var input = "use-styles_input__9zoga91";
518
+ var box = "use-styles_box__9zoga91";
519
+ var boxChecked = "use-styles_boxChecked__9zoga92";
520
+ var check = "use-styles_check__9zoga93";
521
+ var disabled = "use-styles_disabled__9zoga94";
522
+ var input = "surfaces_srOnly__6hs0fg0";
523
523
  var root6 = "use-styles_root__9zoga90";
524
524
 
525
525
  // src/components/checkbox/use-styles.ts
@@ -571,11 +571,11 @@ function Checkbox({
571
571
  var import_react11 = require("react");
572
572
 
573
573
  // src/components/radio/use-styles.css.ts
574
- var circle = "use-styles_circle__vy61b43";
574
+ var circle = "use-styles_circle__vy61b42";
575
575
  var disabled2 = "use-styles_disabled__vy61b41";
576
- var dot2 = "use-styles_dot__vy61b44";
577
- var input2 = "use-styles_input__vy61b42";
578
- var label2 = "use-styles_label__vy61b45";
576
+ var dot2 = "use-styles_dot__vy61b43";
577
+ var input2 = "surfaces_srOnly__6hs0fg0";
578
+ var label2 = "use-styles_label__vy61b44";
579
579
  var root7 = "use-styles_root__vy61b40";
580
580
 
581
581
  // src/components/radio/use-styles.ts
@@ -623,13 +623,13 @@ function Radio({ checked, onChange, label: label7, name, value, disabled: disabl
623
623
  var import_react12 = require("react");
624
624
 
625
625
  // src/components/switch/use-styles.css.ts
626
- var input3 = "use-styles_input__1r6kem71";
627
- var knob = "use-styles_knob__1r6kem74";
628
- var knobChecked = "use-styles_knobChecked__1r6kem75";
629
- var label3 = "use-styles_label__1r6kem76";
626
+ var input3 = "surfaces_srOnly__6hs0fg0";
627
+ var knob = "use-styles_knob__1r6kem73";
628
+ var knobChecked = "use-styles_knobChecked__1r6kem74";
629
+ var label3 = "use-styles_label__1r6kem75";
630
630
  var root8 = "use-styles_root__1r6kem70";
631
- var track2 = "use-styles_track__1r6kem72";
632
- var trackChecked = "use-styles_trackChecked__1r6kem73";
631
+ var track2 = "use-styles_track__1r6kem71";
632
+ var trackChecked = "use-styles_trackChecked__1r6kem72";
633
633
 
634
634
  // src/components/switch/use-styles.ts
635
635
  function useStyles9({ checked }) {
@@ -1084,7 +1084,7 @@ var import_react19 = require("react");
1084
1084
  var import_react18 = require("react");
1085
1085
 
1086
1086
  // src/components/tooltip/use-styles.css.ts
1087
- var bubble = "use-styles_bubble__h9kvh1";
1087
+ var bubble = "use-styles_bubble__h9kvh1 surfaces_inkySurface__6hs0fg2";
1088
1088
  var placement = { top: "use-styles_placement_top__h9kvh2", bottom: "use-styles_placement_bottom__h9kvh3" };
1089
1089
  var wrapper = "use-styles_wrapper__h9kvh0";
1090
1090
 
@@ -1151,7 +1151,7 @@ var import_react20 = require("react");
1151
1151
  var chevron = "use-styles_chevron__1w1czpb4";
1152
1152
  var chevronOpen = "use-styles_chevronOpen__1w1czpb5";
1153
1153
  var label4 = "use-styles_label__1w1czpb1";
1154
- var menu = "use-styles_menu__1w1czpb6";
1154
+ var menu = "use-styles_menu__1w1czpb6 surfaces_panelSurface__6hs0fg1";
1155
1155
  var option = "use-styles_option__1w1czpb7";
1156
1156
  var optionActive = "use-styles_optionActive__1w1czpb9";
1157
1157
  var optionSelected = "use-styles_optionSelected__1w1czpb8";
@@ -1713,7 +1713,7 @@ var import_react31 = require("react");
1713
1713
  // src/components/menu/use-styles.css.ts
1714
1714
  var danger = "use-styles_danger__1uyxaj3";
1715
1715
  var item2 = "use-styles_item__1uyxaj2";
1716
- var list = "use-styles_list__1uyxaj1";
1716
+ var list = "use-styles_list__1uyxaj1 surfaces_panelSurface__6hs0fg1";
1717
1717
  var wrapper3 = "use-styles_wrapper__1uyxaj0";
1718
1718
 
1719
1719
  // src/components/menu/use-styles.ts
@@ -1958,7 +1958,7 @@ var import_react35 = require("react");
1958
1958
  // src/components/snackbar/use-styles.css.ts
1959
1959
  var closeBtn = "use-styles_closeBtn__ihzsep2";
1960
1960
  var message = "use-styles_message__ihzsep1";
1961
- var root20 = "use-styles_root__ihzsep0";
1961
+ var root20 = "use-styles_root__ihzsep0 surfaces_inkySurface__6hs0fg2";
1962
1962
 
1963
1963
  // src/components/snackbar/use-styles.ts
1964
1964
  function useStyles24() {