@hmscodes/honey-core 1.0.12 → 1.0.14

package/projects/honey-core/src/lib/components/button/button.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HcButtonComponent } from './button.component';
-
-describe('HcButtonComponent', () => {
-  let component: HcButtonComponent;
-  let fixture: ComponentFixture<HcButtonComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HcButtonComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(HcButtonComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/projects/honey-core/src/lib/components/button/button.component.ts

@@ -1,44 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-
-@Component({
-  selector: 'hc-button',
-  templateUrl: './button.component.html',
-  styleUrl: './button.component.scss',
-  imports: [],
-  standalone: true,
-})
-export class HcButtonComponent {
-  /** Style of the button */
-  @Input()
-  style: 's-solid' | 's-hollow' | 's-plain'  = 's-solid';
-
-  /** What color to use for the button */
-  @Input()
-  color?: string = 'c-primary';
-
-  /** Size of the button */
-  @Input()
-  size?: 'h-small' | 'w-stretch' | null = null;
-
-  /**
-   * Button contents
-   *
-   * @required
-   */
-  @Input()
-  label = 'Button';
-
-  /**
-   * Disabled state of the button
-   */
-  @Input()
-  disabled = false;
-
-  /** Optional click handler */
-  @Output()
-  onClick = new EventEmitter<Event>();
-
-  public get classes(): string[] {
-    return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];
-  }
-}

package/projects/honey-core/src/lib/components/input/input-floating-label.component.html

@@ -1,10 +0,0 @@
-<fieldset class="hc-input">
-  <input
-    [id]="id"
-    [type]="type"
-    [attr.required]="required || null"
-    [formControl]="control"
-    placeholder=" "
-  />
-  <label [for]="id">{{ label }}</label>
-</fieldset>

package/projects/honey-core/src/lib/components/input/input-floating-label.component.scss

@@ -1,37 +0,0 @@
-.hc-input {
-  position: relative;
-  border: none;
-  padding: 0;
-  margin: 1rem 0;
-
-  input {
-    width: 100%;
-    padding: 1.2rem 0.8rem 0.4rem;
-    font-size: 1rem;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-
-    &:focus {
-      outline: none;
-      border-color: var(--hc-primary-500);
-    }
-
-    &:focus + label,
-    &:not(:placeholder-shown) + label {
-      transform: translateY(-1rem);
-      font-size: 0.75rem;
-      color: var(--hc-primary-500);
-    }
-  }
-
-  label {
-    position: absolute;
-    left: 0.8rem;
-    top: 1rem;
-    transition: all 0.2s ease;
-    pointer-events: none;
-    color: #666;
-    background-color: white;
-    padding: 0 0.2rem;
-  }
-}

package/projects/honey-core/src/lib/components/input/input-floating-label.component.spec.ts

@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { InputFloatingLabelComponent } from './input-floating-label.component';
-
-describe('InputFloatingLabelComponent', () => {
-  let component: InputFloatingLabelComponent;
-  let fixture: ComponentFixture<InputFloatingLabelComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [InputFloatingLabelComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(InputFloatingLabelComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/projects/honey-core/src/lib/components/input/input-floating-label.component.ts

@@ -1,18 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
-
-@Component({
-  selector: 'hc-input-floating-label',
-  templateUrl: './input-floating-label.component.html',
-  styleUrls: ['./input-floating-label.component.scss'],
-  imports: [ReactiveFormsModule],
-  standalone: true,
-})
-export class InputFloatingLabelComponent {
-  @Input() id: string = 'hc-input';
-  @Input() label: string = 'Label';
-  @Input() type: string = 'text';
-  @Input() required = false;
-  @Input() control!: FormControl;
-}
-

package/projects/honey-core/src/lib/honey-core.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HoneyCoreComponent } from './honey-core.component';
-
-describe('HoneyCoreComponent', () => {
-  let component: HoneyCoreComponent;
-  let fixture: ComponentFixture<HoneyCoreComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HoneyCoreComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(HoneyCoreComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/projects/honey-core/src/lib/honey-core.component.ts

@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-honey-core',
-  imports: [],
-  template: `
-    <p>
-      honey-core works!
-    </p>
-  `,
-  styles: ``
-})
-export class HoneyCoreComponent {
-
-}

package/projects/honey-core/src/lib/honey-core.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { HoneyCoreService } from './honey-core.service';
-
-describe('HoneyCoreService', () => {
-  let service: HoneyCoreService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(HoneyCoreService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/projects/honey-core/src/lib/honey-core.service.ts

@@ -1,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class HoneyCoreService {
-
-  constructor() { }
-}

package/projects/honey-core/src/stories/.eslintrc.json

@@ -1,5 +0,0 @@
-{
-  "rules": {
-    "@typescript-eslint/consistent-type-imports": ["error", { "disallowTypeAnnotations": false }]
-  }
-}

package/projects/honey-core/src/stories/Colors.mdx

@@ -1,40 +0,0 @@
-import { Meta, ColorPalette, ColorItem } from '@storybook/blocks';
-
-<Meta title="Colors" />
-
-<ColorPalette>
-  <ColorItem 
-    title="theme.color.primary" 
-    subtitle="Honey Core" 
-    colors={{ 
-    	'--hc-primary-500': '#FF7A00',
-			'--hc-primary-600': '#E86B00',
-			'--hc-primary-700': '#CC5D00',
-		}} 
-  />
-  <ColorItem 
-    title="theme.color.secondary" 
-    subtitle="Honey Core Secondary" 
-    colors={{ 
-			'--hc-secondary-500': '#FFC857',
-			'--hc-secondary-600': '#f7a838',
-			'--hc-secondary-700': '#d68d2a',
-		}} 
-  />
-  <ColorItem 
-    title="theme.color.brown" 
-    subtitle="Honey Core Secondary" 
-    colors={{ 
-			'--hc-brown-500': '#95570e',
-			'--hc-brown-600': '#753c00',
-		}} 
-  />
-  <ColorItem
-    title="theme.color.greyscale"
-    subtitle="Some of the greys"
-    colors={{
-			'--hc-text-strong': '#2E282A',
-			'--hc-text-light': '#6C757D',
-		}}
-  />
-</ColorPalette>

package/projects/honey-core/src/stories/Presentation.mdx

@@ -1,7 +0,0 @@
-import { Meta } from "@storybook/blocks";
-
-<Meta title="Apresentação" />
-
-# Configure your project
-
-  HoneyCore is a reusable component library for Angular, crafted to bring consistency, efficiency, and style to personal projects. Inspired by the elegant structure of honeycombs, it’s built to scale and sweeten your workflow. 🐝

package/projects/honey-core/src/stories/button.component.stories.ts

@@ -1,73 +0,0 @@
-import { argsToTemplate, type Meta, type StoryObj } from '@storybook/angular';
-import { fn } from '@storybook/test';
-import { HcButtonComponent } from '../lib/components/button/button.component';
-
-type ButtonInputsAndCustomArgs = HcButtonComponent & { text: string };
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const meta: Meta<ButtonInputsAndCustomArgs> = {
-  title: 'Example/Button',
-  component: HcButtonComponent,
-  tags: ['autodocs'],
-  args: {
-    text: 'Button',
-  },
-  render: ({ text, ...buttonArgs }) => ({
-    props: buttonArgs,
-    template: `
-        <hc-button ${argsToTemplate(buttonArgs)}>
-        ${text}
-        </hc-button>
-      `,
-  }),
-};
-
-export default meta;
-type Story = StoryObj<HcButtonComponent>;
-
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Primary: Story = {
-  args: {
-    style: 's-solid',
-  },
-};
-
-export const PrimaryDisabled: Story = {
-  args: {
-    ...Primary.args,
-    disabled: true,
-  },
-};
-
-export const SecondarySolid: Story = {
-  args: {
-    style: 's-solid',
-    color: 'c-secondary',
-  },
-};
-
-export const Hollow: Story = {
-  args: {
-    style: 's-hollow',
-  },
-};
-
-export const Plain: Story = {
-  args: {
-    style: 's-plain',
-  },
-};
-
-export const Small: Story = {
-  args: {
-    ...Primary.args,
-    size: 'h-small',
-  },
-};
-
-export const Stretch: Story = {
-  args: {
-    ...Primary.args,
-    size: 'w-stretch',
-  },
-};

package/projects/honey-core/src/stories/button.css

@@ -1,30 +0,0 @@
-.storybook-button {
-  display: inline-block;
-  cursor: pointer;
-  border: 0;
-  border-radius: 3em;
-  font-weight: 700;
-  line-height: 1;
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-.storybook-button--primary {
-  background-color: #555ab9;
-  color: white;
-}
-.storybook-button--secondary {
-  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-  background-color: transparent;
-  color: #333;
-}
-.storybook-button--small {
-  padding: 10px 16px;
-  font-size: 12px;
-}
-.storybook-button--medium {
-  padding: 11px 20px;
-  font-size: 14px;
-}
-.storybook-button--large {
-  padding: 12px 24px;
-  font-size: 16px;
-}

package/projects/honey-core/src/stories/input-floating-label.component.stories.ts

@@ -1,23 +0,0 @@
-import { Meta, StoryObj } from '@storybook/angular';
-import { InputFloatingLabelComponent } from '../lib/components/input/input-floating-label.component';
-
-const meta: Meta<InputFloatingLabelComponent> = {
-  title: 'Form/Input Floating Label',
-  component: InputFloatingLabelComponent,
-  tags: ['autodocs'],
-  render: (args: InputFloatingLabelComponent) => ({
-    props: args,
-  }),
-};
-
-export default meta;
-
-type Story = StoryObj<InputFloatingLabelComponent>;
-
-export const Default: Story = {
-  args: {
-    label: 'Nome completo',
-    id: 'nome',
-    required: true,
-  },
-};

package/projects/honey-core/src/stories/user.ts

@@ -1,3 +0,0 @@
-export interface User {
-  name: string;
-}

package/projects/honey-core/styles/hc-button.scss

@@ -1,174 +0,0 @@
-$hcButtonBorderRadius  : 12px !default;
-$hcButtonFontSize      : 14px !default;
-$hcButtonFontWeight    : normal !default;
-$hcButtonPadding       : 24px !default;
-
-/**
- * Applies colors to the button
- */
-@mixin colorButton($color, $background, $border) {
-  color                 : $color;
-  background            : $background;
-  border-color          : $border;
-}
-
-/**
- * 
- */
-@mixin hcTypography($size, $color, $weight: normal) {
-  font-size             : $size;
-  color                 : $color;
-  font-weight           : $weight;
-}
-
-/**
- * 
- */
-@mixin flex($justify, $align: center) {
-  display               : flex;
-  align-items           : $align;
-  justify-content       : $justify;
-}
-
-/**
- * Base shared properties for hc-button styles
- */
-%hc-button {
-  --color-button        : var(--color);
-  --color-button-hover  : var(--hover-color);
-  --width               : fit-content;
-  --height              : 36px;
-  --h-padding           : #{$hcButtonPadding};
-
-  @include flex(center);
-  @include hcTypography($hcButtonFontSize, var(--color-button), $hcButtonFontWeight);
-  gap                   : 8px;
-  box-sizing            : border-box;
-  width                 : var(--width);
-  height                : var(--height);
-  padding               : 0px var(--h-padding);
-  white-space           : nowrap;
-  outline               : none;
-  border                : 1px solid transparent;
-  border-radius         : $hcButtonBorderRadius;
-  transition            : background .2s, color .2s, box-shadow .2s;
-  cursor                : pointer;
-
-  &:disabled {
-    @include colorButton(var(--hc-disabled-text), var(--hc-disabled-bg), var(--hc-disabled-bg));
-    cursor              : not-allowed;
-  }
-}
-
-/**
- * Base colors
- */
-.hc-button {
-  &.c-initial {
-    --color-button        : var(--hc-text-strong);
-    --color-button-hover  : var(--hc-text-strong);
-  }
-
-  &.c-primary {
-    --color-button        : var(--hc-background-primary);
-    --color-button-hover  : var(--hc-background-primary-hover);
-  }
-
-  &.c-secondary {
-    color                 : var(--hc-brown-600) !important;
-    --color-button        : var(--hc-background-secondary);
-    --color-button-hover    : var(--hc-background-secondary-hover);
-  }
-}
-
-
-/**
- * Solid colored background button
- */
-.hc-button.s-solid {
-  @extend %hc-button;
-  @include colorButton(var(--hc-background-main), var(--color-button), transparent);
-
-  &:not(:disabled):hover {
-    background          : var(--color-button-hover);
-  }
-}
-
-/**
- * Hollow button with colored border and text
- */
-.hc-button.s-hollow {
-  @extend %hc-button;
-  @include colorButton(var(--color-button), transparent, var(--color-button));
-
-  &:not(:disabled):hover {
-    @include colorButton(var(--hc-background-main), var(--color-button), transparent);
-  }
-
-  &:disabled {
-    background          : transparent;
-    color               : var(--cds-text-light)
-  }
-}
-
-/**
- *  Text button
- */
-.hc-button.s-plain {
-  --height              : 28px;
-  --h-padding           : 16px;
-
-  @extend %hc-button;
-  @include colorButton(var(--color-button), transparent, transparent);
-
-  &:not(:disabled):hover {
-    @include colorButton(var(--color-button-hover), transparent, transparent);
-  }
-
-  &:disabled {
-    @include colorButton(var(--hc-button-disabled-foreground), transparent, transparent);
-  }
-}
-
-/**
- * hc-button width classes
- */
-.hc-button {
-  &.v-underlined {
-    text-decoration     : underline;
-  }
-
-  &.h-small {
-    --height            : 32px;
-    --h-padding         : 16px;
-    font-size           : 12px;
-  }
-
-  &.w-stretch {
-    --width             : 100%;
-  }
-}
-
-/**
- * Overwrite buttons style on dark mode
- */
-:root body[cds-theme='dark'] {
-  .s-solid {
-    &:disabled {
-      background        : hsla(var(--cds-primary-500-hsl), 0.5);
-    }
-  }
-
-  .hc-primary {
-    &:disabled {
-      @include colorButton(hsla(var(--cds-primary-400-hsl), 0.5), transparent, hsla(var(--cds-primary-400-hsl), 0.5));
-    }
-  }
-
-  .hc-button.s-solid {
-    &:disabled {
-      background        : hsla(var(--color-button-hsl), 0.5);
-      border-color      : transparent;
-    }
-  }
-}

package/projects/honey-core/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/projects/honey-core/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/projects/honey-core/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/tsconfig.json

@@ -1,32 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",
-    "strict": true,
-    "paths": {
-      "honey-core": [
-        "./dist/honey-core"
-      ]
-    },
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "bundler",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022"
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}