@1money/component-ui 0.0.1 → 0.0.3

package/lib/styles/tokens/typography/_semantic-typography.scss

@@ -1,216 +0,0 @@
-// Typography scale — Sass maps encoding the complete Figma typography spec.
-// Key names (xl/lg/md/sm/xs) align with component size props.
-// Line-height values preserve the original Figma percentages.
-
-@use 'sass:map';
-@use './primitives' as *;
-
-// ── Display ──
-// Base: Aeonik / 500 / 108% / #131313
-$om-typography-display: (
-  'xl': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 76px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-tight,
-  ),
-  'lg': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 64px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-tight,
-  ),
-  'md': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 52px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-  ),
-  'sm': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 46px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-  ),
-  'xs': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 36px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-  ),
-) !default;
-
-// ── Headline ──
-// Base: Aeonik / 500 / 108% / #131313
-$om-typography-headline: (
-  'lg': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 32px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-  ),
-  'md': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 28px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-  ),
-  'sm': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 24px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-  ),
-  'xs': (
-    font-family: $om-font-display,
-    font-weight: $om-font-weight-medium,
-    font-size: 18px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-  ),
-) !default;
-
-// ── Title ──
-// Base: Inter / 500 / 108% / #131313 — strong = 700
-$om-typography-title: (
-  'lg': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 18px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-bold),
-  ),
-  'md': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 16px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-bold),
-  ),
-  'sm': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 14px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-bold),
-  ),
-) !default;
-
-// ── Body ──
-// Base: Inter / 400 / 140% / #131313 — strong = 500
-$om-typography-body: (
-  'lg': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-regular,
-    font-size: 16px,
-    line-height: $om-line-height-reading * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-medium),
-  ),
-  'md': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-regular,
-    font-size: 14px,
-    line-height: $om-line-height-reading * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-medium),
-  ),
-  'sm': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-regular,
-    font-size: 12px,
-    line-height: $om-line-height-reading * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-medium),
-  ),
-) !default;
-
-// ── Link ──
-// Base: Inter / 500 / 140% / underline / #131313
-$om-typography-link: (
-  'md': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 14px,
-    line-height: $om-line-height-reading * 100%,
-    letter-spacing: $om-tracking-none,
-    text-decoration: underline,
-    text-decoration-skip-ink: none,
-  ),
-  'sm': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 12px,
-    line-height: $om-line-height-reading * 100%,
-    letter-spacing: $om-tracking-none,
-    text-decoration: underline,
-    text-decoration-skip-ink: none,
-  ),
-) !default;
-
-// ── Label ──
-// Base: Inter / 500 / 108% / #131313 — strong = 700 (xl) / 600 (rest)
-$om-typography-label: (
-  'xl': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 18px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-bold),
-  ),
-  'lg': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 16px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-semibold),
-  ),
-  'md': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 14px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-semibold),
-  ),
-  'sm': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 12px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-semibold),
-  ),
-  'xs': (
-    font-family: $om-font-body,
-    font-weight: $om-font-weight-medium,
-    font-size: 10px,
-    line-height: $om-line-height-tight * 100%,
-    letter-spacing: $om-tracking-none,
-    strong: (font-weight: $om-font-weight-semibold),
-  ),
-) !default;
-
-// ── Master lookup ──
-// Maps category name → scale map for programmatic access.
-$om-typography-categories: (
-  'display': $om-typography-display,
-  'headline': $om-typography-headline,
-  'title': $om-typography-title,
-  'body': $om-typography-body,
-  'link': $om-typography-link,
-  'label': $om-typography-label,
-) !default;

package/lib/styles/utilities/_generator.scss

@@ -1,55 +0,0 @@
-// Utility generator — emits atomic utility classes from the theme scales and system registry.
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-@use '../theme/functions' as theme-functions;
-@use '../theme/scales' as theme-scales;
-@use '../system/props' as props;
-
-$-flag-enabled: (
-  spacing: theme-scales.$om-sys-enable-spacing,
-  layout: theme-scales.$om-sys-enable-layout,
-  sizing: theme-scales.$om-sys-enable-sizing,
-  color: theme-scales.$om-sys-enable-color,
-  visual: theme-scales.$om-sys-enable-visual,
-);
-
-@mixin gen-classes($bp: '') {
-  $pre: if($bp != '', '#{$bp}-', '');
-
-  @each $name, $config in props.$om-system-props {
-    // Skip alias entries — they share the same config as their canonical prop.
-    @if map.has-key(props.$om-system-aliases, $name) {
-      // no-op
-    } @else {
-      $flag: map.get($config, flag);
-
-      @if map.get($-flag-enabled, $flag) {
-        $kind: map.get($config, kind);
-        $css-props: map.get($config, css);
-
-        @if $kind == enum {
-          $css: list.nth($css-props, 1);
-          $vals: map.get($config, values);
-          $aliases: if(map.has-key(props.$om-value-aliases, $css), map.get(props.$om-value-aliases, $css), ());
-
-          @each $val in $vals {
-            $css-val: if(meta.type-of($aliases) == 'map' and map.has-key($aliases, $val), map.get($aliases, $val), $val);
-            .#{theme-scales.$om-sys-prefix}-#{$pre}#{$name}-#{$val} { #{$css}: $css-val; }
-          }
-        } @else {
-          $scale-name: map.get($config, scale);
-          $scale: theme-functions.om-scale-map($scale-name);
-
-          @each $key, $_ in $scale {
-            .#{theme-scales.$om-sys-prefix}-#{$pre}#{$name}-#{$key} {
-              @each $css in $css-props {
-                #{$css}: theme-functions.om-token($scale-name, $key);
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/lib/styles/utilities/_index.scss

@@ -1,14 +0,0 @@
-// Utility entrypoint — emits root theme variables and responsive utility classes.
-@use './generator' as generator;
-@use '../tokens' as tokens;
-@use '../theme/functions' as theme-functions;
-@use '../theme/breakpoints' as breakpoints;
-@include theme-functions.om-emit-theme-vars;
-@include theme-functions.om-emit-typography-vars;
-@include generator.gen-classes;
-
-@each $bp-name, $bp-value in tokens.$om-breakpoints {
-  @include breakpoints.om-down($bp-name) {
-    @include generator.gen-classes($bp-name);
-  }
-}