dasar-ui 1.1.0 → 1.3.0

package/.editorconfig

@@ -1,17 +0,0 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.ts]
-quote_type = single
-ij_typescript_use_double_quotes = false
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/.nvmrc

@@ -1 +0,0 @@
-24.20.0

package/.prettierrc

@@ -1,12 +0,0 @@
-{
-  "printWidth": 100,
-  "singleQuote": true,
-  "overrides": [
-    {
-      "files": "*.html",
-      "options": {
-        "parser": "angular"
-      }
-    }
-  ]
-}

package/.vscode/extensions.json

@@ -1,4 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-  "recommendations": ["angular.ng-template"]
-}

package/.vscode/launch.json

@@ -1,20 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "ng serve",
-      "type": "chrome",
-      "request": "launch",
-      "preLaunchTask": "npm: start",
-      "url": "http://localhost:4200/"
-    },
-    {
-      "name": "ng test",
-      "type": "chrome",
-      "request": "launch",
-      "preLaunchTask": "npm: test",
-      "url": "http://localhost:9876/debug.html"
-    }
-  ]
-}

package/.vscode/settings.json

@@ -1,4 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
-}

package/.vscode/tasks.json

@@ -1,42 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "type": "npm",
-      "script": "start",
-      "isBackground": true,
-      "problemMatcher": {
-        "owner": "typescript",
-        "pattern": "$tsc",
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": {
-            "regexp": "Changes detected"
-          },
-          "endsPattern": {
-            "regexp": "bundle generation (complete|failed)"
-          }
-        }
-      }
-    },
-    {
-      "type": "npm",
-      "script": "test",
-      "isBackground": true,
-      "problemMatcher": {
-        "owner": "typescript",
-        "pattern": "$tsc",
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": {
-            "regexp": "Changes detected"
-          },
-          "endsPattern": {
-            "regexp": "bundle generation (complete|failed)"
-          }
-        }
-      }
-    }
-  ]
-}

package/CHANGELOG.md

@@ -1,18 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
-## [1.1.0](https://github.com/pis2co/dasar-ui/compare/v1.0.0...v1.1.0) (2026-10-09)
-
-
-### Bug Fixes
-
-* set repo to public ([a47b464](https://github.com/pis2co/dasar-ui/commit/a47b4642184ebb7fd85728947c4e8222963cb185))
-
-## 1.0.0 (2026-10-09)
-
-
-### Features
-
-* initial commit for dasar-ui library ([972f154](https://github.com/pis2co/dasar-ui/commit/972f154d0b0b763485806eded49088d551d80288))
-* resolve npm script and code cleanup ([798e4b8](https://github.com/pis2co/dasar-ui/commit/798e4b83a621409ae363ba5be714d6f077a694ce))

package/angular.json

@@ -1,37 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "cli": {
-    "packageManager": "npm",
-    "analytics": false
-  },
-  "newProjectRoot": "projects",
-  "projects": {
-    "dasar-ui": {
-      "projectType": "library",
-      "root": "projects/dasar-ui",
-      "sourceRoot": "projects/dasar-ui/src",
-      "prefix": "dasar",
-      "architect": {
-        "build": {
-          "builder": "@angular/build:ng-packagr",
-          "configurations": {
-            "production": {
-              "tsConfig": "projects/dasar-ui/tsconfig.lib.prod.json"
-            },
-            "development": {
-              "tsConfig": "projects/dasar-ui/tsconfig.lib.json"
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "test": {
-          "builder": "@angular/build:unit-test",
-          "options": {
-            "tsConfig": "projects/dasar-ui/tsconfig.spec.json"
-          }
-        }
-      }
-    }
-  }
-}

package/projects/dasar-ui/README.md

@@ -1,64 +0,0 @@
-# DasarUi
-
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 22.1.0.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build dasar-ui
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-
-   ```bash
-   cd dist/dasar-ui
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Vitest](https://vitest.dev/) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/projects/dasar-ui/ng-package.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/dasar-ui",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    { "input": "src/lib/styles", "glob": "**/*.scss", "output": "styles" }
-  ]
-}

package/projects/dasar-ui/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "dasar-ui",
-  "version": "0.0.1",
-  "description": "UI component library for Angular",
-  "author": "dxxta",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pis2co/dasar-ui.git"
-  },
-  "keywords": [
-    "angular",
-    "ui",
-    "components"
-  ],
-  "peerDependencies": {
-    "@angular/platform-browser": "^22.1.0",
-    "@angular/common": "^22.1.0",
-    "@angular/core": "^22.1.0",
-    "@angular/forms": "^22.1.0",
-    "rxjs": "^7.8.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false
-}

package/projects/dasar-ui/src/lib/components/dasar-button/dasar-button.html

@@ -1,9 +0,0 @@
-<button
-  class="dasar-button-native"
-  [ngClass]="buttonClasses"
-  [ngStyle]="buttonStyle"
-  [disabled]="disabled"
-  [type]="type"
->
-  <ng-content></ng-content>
-</button>

package/projects/dasar-ui/src/lib/components/dasar-button/dasar-button.scss

@@ -1,352 +0,0 @@
-@use '../../styles/theme.scss' as *;
-
-.dasar-button {
-  display: inline-flex;
-  width: fit-content;
-
-  &.full-width {
-    width: 100%;
-
-    .dasar-button-native {
-      width: 100%;
-    }
-  }
-}
-
-.dasar-button-native {
-  font-weight: var(--btn-font-weight, var(--font-weight-medium));
-  gap: var(--btn-gap, var(--space-base));
-  border: 1px solid transparent;
-  justify-content: center;
-  box-sizing: border-box;
-  font-family: inherit;
-  display: inline-flex;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  cursor: pointer;
-  width: auto;
-
-  &.size-xs {
-    padding: 0 var(--btn-padding-horizontal-xs, var(--space-base));
-    height: var(--btn-height-xs, var(--space-6));
-    font-size: var(--font-size-xs);
-  }
-
-  &.size-sm {
-    padding: 0 var(--btn-padding-horizontal-sm, var(--space-3));
-    height: var(--btn-height-sm, var(--space-8));
-    font-size: var(--font-size-sm);
-  }
-
-  &.size-md {
-    padding: 0 var(--btn-padding-horizontal-md, var(--space-4));
-    height: var(--btn-height-md, var(--space-10));
-    font-size: var(--font-size-base);
-  }
-
-  &.size-lg {
-    padding: 0 var(--btn-padding-horizontal-lg, var(--space-5));
-    height: var(--btn-height-lg, var(--space-12));
-    font-size: var(--font-size-lg);
-  }
-
-  &.size-xl {
-    padding: 0 var(--btn-padding-horizontal-xl, var(--space-6));
-    height: var(--btn-height-xl, var(--space-16));
-    font-size: var(--font-size-xl);
-  }
-
-  &.icon-only {
-    padding: 0;
-    &.size-xs {
-      width: var(--btn-icon-size-xs, var(--space-6));
-    }
-    &.size-sm {
-      width: var(--btn-icon-size-sm, var(--space-8));
-    }
-    &.size-md {
-      width: var(--btn-icon-size-md, var(--space-10));
-    }
-    &.size-lg {
-      width: var(--btn-icon-size-lg, var(--space-12));
-    }
-    &.size-xl {
-      width: var(--btn-icon-size-xl, var(--space-16));
-    }
-  }
-
-  &.radius-none {
-    border-radius: var(--btn-radius-none, var(--radius-none));
-  }
-
-  &.radius-xs {
-    border-radius: var(--btn-radius-xs, var(--radius-xs));
-  }
-
-  &.radius-sm {
-    border-radius: var(--btn-radius-sm, var(--radius-sm));
-  }
-
-  &.radius-md {
-    border-radius: var(--btn-radius-md, var(--radius-md));
-  }
-
-  &.radius-lg {
-    border-radius: var(--btn-radius-lg, var(--radius-lg));
-  }
-
-  &.radius-xl {
-    border-radius: var(--btn-radius-xl, var(--radius-xl));
-  }
-
-  &.radius-full {
-    border-radius: var(--btn-radius-full, var(--radius-full));
-  }
-
-  &.primary {
-    background-color: var(--btn-primary-bg, var(--theme-primary-color));
-    border-color: var(--btn-primary-border, var(--theme-primary-color));
-    color: var(--btn-primary-color, var(--theme-text-inverse-color));
-
-    &:hover:not(:disabled) {
-      background-color: var(--btn-primary-hover-bg, var(--theme-primary-hover-color));
-      border-color: var(--btn-primary-hover-border, var(--theme-primary-hover-color));
-      transition: all 0.2s ease-in-out;
-    }
-
-    &:focus-visible {
-      outline: 3px solid var(--btn-primary-focus-ring, var(--theme-primary-surface-color));
-      border-color: transparent;
-    }
-
-    &.subtle {
-      background-color: var(--btn-primary-subtle-bg, var(--theme-primary-surface-color));
-      color: var(--btn-primary-subtle-color, var(--theme-primary-color));
-      border-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-primary-subtle-hover-bg, var(--theme-primary-color));
-        color: var(--btn-primary-subtle-hover-color, var(--theme-text-inverse-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-
-    &.outline {
-      border-color: var(--btn-primary-outline-border, var(--theme-primary-color));
-      color: var(--btn-primary-outline-color, var(--theme-primary-color));
-      background-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-primary-outline-hover-bg, var(--theme-primary-surface-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-  }
-
-  &.success {
-    background-color: var(--btn-success-bg, var(--theme-success-color));
-    border-color: var(--btn-success-border, var(--theme-success-color));
-    color: var(--btn-success-color, var(--theme-text-inverse-color));
-
-    &:hover:not(:disabled) {
-      transition: all 0.2s ease-in-out;
-      filter: brightness(0.9);
-    }
-
-    &:focus-visible {
-      outline: 3px solid var(--btn-success-focus-ring, var(--theme-success-surface-color));
-      border-color: transparent;
-    }
-
-    &.subtle {
-      background-color: var(--btn-success-subtle-bg, var(--theme-success-surface-color));
-      color: var(--btn-success-subtle-color, var(--theme-success-color));
-      border-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-success-subtle-hover-bg, var(--theme-success-color));
-        color: var(--btn-success-subtle-hover-color, var(--theme-text-inverse-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-
-    &.outline {
-      border-color: var(--btn-success-outline-border, var(--theme-success-color));
-      color: var(--btn-success-outline-color, var(--theme-success-color));
-      background-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-success-outline-hover-bg, var(--theme-success-surface-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-  }
-
-  &.warning {
-    background-color: var(--btn-warning-bg, var(--theme-warning-color));
-    border-color: var(--btn-warning-border, var(--theme-warning-color));
-    color: var(--btn-warning-color, var(--theme-text-inverse-color));
-
-    &:hover:not(:disabled) {
-      transition: all 0.2s ease-in-out;
-      filter: brightness(0.9);
-    }
-
-    &:focus-visible {
-      outline: 3px solid var(--btn-warning-focus-ring, var(--theme-warning-surface-color));
-      border-color: transparent;
-    }
-
-    &.subtle {
-      background-color: var(--btn-warning-subtle-bg, var(--theme-warning-surface-color));
-      color: var(--btn-warning-subtle-color, var(--theme-warning-color));
-      border-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-warning-subtle-hover-bg, var(--theme-warning-color));
-        color: var(--btn-warning-subtle-hover-color, var(--theme-text-inverse-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-
-    &.outline {
-      border-color: var(--btn-warning-outline-border, var(--theme-warning-color));
-      color: var(--btn-warning-outline-color, var(--theme-warning-color));
-      background-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-warning-outline-hover-bg, var(--theme-warning-surface-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-  }
-
-  &.danger {
-    background-color: var(--btn-danger-bg, var(--theme-danger-color));
-    border-color: var(--btn-danger-border, var(--theme-danger-color));
-    color: var(--btn-danger-color, var(--text-white-color));
-
-    &:hover:not(:disabled) {
-      transition: all 0.2s ease-in-out;
-      filter: brightness(0.9);
-    }
-
-    &:focus-visible {
-      outline: 3px solid var(--btn-danger-focus-ring, var(--theme-danger-surface-color));
-      border-color: transparent;
-    }
-
-    &.subtle {
-      background-color: var(--btn-danger-subtle-bg, var(--theme-danger-surface-color));
-      color: var(--btn-danger-subtle-color, var(--theme-danger-color));
-      border-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-danger-subtle-hover-bg, var(--theme-danger-color));
-        color: var(--btn-danger-subtle-hover-color, var(--theme-text-inverse-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-
-    &.outline {
-      border-color: var(--btn-danger-outline-border, var(--theme-danger-color));
-      color: var(--btn-danger-outline-color, var(--theme-danger-color));
-      background-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-danger-outline-hover-bg, var(--theme-danger-surface-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-  }
-
-  &.secondary {
-    background-color: var(--btn-secondary-bg, var(--theme-bg-hover-color));
-    border-color: var(--btn-secondary-border, var(--theme-border-strong-color));
-    color: var(--btn-secondary-color, var(--theme-text-primary-color));
-
-    &:hover:not(:disabled) {
-      background-color: var(--btn-secondary-hover-bg, var(--theme-border-subtle-color));
-      transition: all 0.2s ease-in-out;
-    }
-
-    &:focus-visible {
-      outline: 3px solid var(--btn-secondary-focus-ring, var(--theme-border-subtle-color));
-    }
-
-    &.subtle {
-      background-color: var(--btn-secondary-subtle-bg, var(--theme-bg-surface-color));
-      color: var(--btn-secondary-subtle-color, var(--theme-text-secondary-color));
-      border-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-secondary-subtle-hover-bg, var(--theme-bg-hover-color));
-        color: var(--btn-secondary-subtle-hover-color, var(--theme-text-primary-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-
-    &.outline {
-      border-color: var(--btn-secondary-outline-border, var(--theme-border-strong-color));
-      color: var(--btn-secondary-outline-color, var(--theme-text-primary-color));
-      background-color: transparent;
-
-      &:hover:not(:disabled) {
-        background-color: var(--btn-secondary-outline-hover-bg, var(--theme-bg-hover-color));
-        transition: all 0.2s ease-in-out;
-      }
-    }
-  }
-
-  &.ghost {
-    color: var(--btn-ghost-color, var(--theme-text-secondary-color));
-    background-color: transparent;
-    border-color: transparent;
-
-    &:hover:not(:disabled) {
-      background-color: var(--btn-ghost-hover-bg, var(--theme-bg-hover-color));
-      color: var(--btn-ghost-hover-color, var(--theme-text-primary-color));
-      transition: all 0.2s ease-in-out;
-    }
-
-    &:focus-visible {
-      outline: 3px solid var(--btn-ghost-focus-ring, var(--theme-border-subtle-color));
-    }
-  }
-
-  &:disabled {
-    border-color: var(--btn-disabled-border, var(--theme-border-subtle-color));
-    background-color: var(--btn-disabled-bg, var(--theme-bg-hover-color));
-    color: var(--btn-disabled-color, var(--theme-text-disabled-color));
-    cursor: not-allowed;
-    box-shadow: none;
-    opacity: 0.7;
-  }
-
-  &:disabled.ghost,
-  &:disabled.subtle {
-    border-color: transparent !important;
-  }
-
-  &.fluid {
-    background-color: transparent !important;
-    border-color: transparent !important;
-    box-shadow: none !important;
-    border-radius: 0 !important;
-    color: inherit !important;
-    height: auto !important;
-    width: 100% !important;
-    padding: 0 !important;
-
-    &:hover,
-    &:focus-visible,
-    &:active {
-      background-color: transparent !important;
-      border-color: transparent !important;
-      color: inherit !important;
-      outline: none !important;
-      filter: none !important;
-    }
-  }
-}

package/projects/dasar-ui/src/lib/components/dasar-button/dasar-button.spec.ts

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