cloudforet-io / mirinae Goto Github PK

Is your feature request related to a problem? Please describe.
It was used internally, but it must be used as mirinae official component.

Describe the solution you'd like
Export component and refactor the story.

Describe alternatives you've considered

Additional context

problem
no-data text is shown briefly while loading.

Problem
Need smaller input.

Solution
Add a new property size
The old input(height 2rem) is named md, new smaller input(height 1.5rem) is named sm

Figma / Jira Link
Go to figma

Additional Description
Used for custom dashboard's label management flow.
scheduled for v1.10.5 sprint

• Add small size text
• Reduce left margin of the copy button: 0.5rem > 0.25rem

Figma / Jira Link https://www.figma.com/file/IS6P8y1Wn2nfBC4jGlSiya/Components?node-id=10%3A142491

Additional Description Use on Service Account Creation Page

Problem
lg, md size sidbar has a percentage width. but we need a fixed width sidebar.

Solution
Add a fixed-width prop,
so we can use percentage width and fixed width also.

Figma / Jira Link
Go to Figma

Is your feature request related to a problem? Please describe.
There are too many search components. So we need to manage all of them, and there are much of copy & paste codes.

Describe the solution you'd like
Make autocomplete functionality as one of functionality of Search component, and remove AutocompleteSearch component.

1. Autocomplete Search component → Integrate into Search component
2. Add tags & multi-selectable option
   • Suggestion: add autocompletable, handler prop & related functionality (You can make autocomplete functionality as hook for reusability)

Description
Edit hierarchy of the storybook based on figma.

Add tree type to Context Menu.

Is your feature request related to a problem? Please describe.
Previous DictList component's design was not discussed with designers.

Describe the solution you'd like
Display object like this:

Describe alternatives you've considered

Additional context

Problem Current the category notation is same with key notation.

Solution
Change the category notation
AS-IS: Category:
TO-BE: [Category]

Figma / Jira Link
https://www.figma.com/file/IS6P8y1Wn2nfBC4jGlSiya/Components?node-id=8%3A134252

Additional Description
Caused by Cost Analysis's 'Set Filter' Modal
Refer to: https://www.figma.com/file/mKfQAsd8vVPi0GwmNKG9BY/Cost-Explorer?node-id=17969%3A392383

Problem
Can't display checkbox and radio button group vertically

Solution
Add new component checkbox-group and radio-group to display their orientation.

Figma / Jira Link

• checkbox-group
• radio-group

Additional Description
this prop's will be needed for next sprint

Problem
Need to organize style type according to purpose of button.

Solution
Add round property

Figma / Jira Link
buttons / icon-button

Additional Description
loading spinner should change (white color and default color..)

Is your feature request related to a problem? Please describe.
Now there is no way to input array type in form

Describe the solution you'd like
Add input form UI for array type

Describe alternatives you've considered

Additional context

Problem

Solution

• Add a new component 'text-button' for reusability

Figma / Jira Link

• buttons / text-button

Problem

• Need a password input component
• Need copy function

Figma Link https://www.figma.com/file/IS6P8y1Wn2nfBC4jGlSiya/Components?node-id=4621%3A380436

Additional Description

• Add the password input component and copy function before updating service account v2
• A show and hide toggle is required.

Add priority (high / medium / low) label :)

• high: bug, error, critical issues
• medium: scheduled job according to the roadmap
• low: improvement

Problem
No content flexibility

Solution
Add Slot

Figma / Jira Link
https://www.figma.com/file/IS6P8y1Wn2nfBC4jGlSiya/Components?node-id=10%3A199445

Additional Description

• Add focused state design for keyboard usability
  (must be selectable by using keyboard)

1. enum Keyword

• SearchDropdown(single select)

2. Array Type

• Array: TextInput(multi input)
• Array + Enum: SearchDropdown

3. Extend Formats

• generate_id
• password
• json

4. Custom Keyword

• markdown

Describe the bug
�For component 'select-card v1.7.3'
developed differently with Figma on Storybook

Expected behavior
Figma
Storybook
Match the design

Screenshots
slack

Problem
Need to slot next to label.

Solution
Add a right slot.

Figma / Jira Link
Go to figma
Example

Additional Description
Used for custom dashboard.
scheduled for v1.10.5 sprint

Problem
The following components' UI Consistency: text-input, multi-text-input, password-input

Solution
Update design for focused state

Figma Link
https://www.figma.com/file/IS6P8y1Wn2nfBC4jGlSiya/Components?node-id=10%3A193213

Describe the bug
Autocomplete dropdown opens away from input element.

To Reproduce
Steps to reproduce the behavior:

1. Go https://storybook.developer.spaceone.dev/?path=/docs/inputs-search--basic
2. focus on input element in Default Handler story
3. See where the dropdown is shown up

Expected behavior
The autocomplete dropdown should open right below the input element.

Screenshots

Additional context

Problem
Difficulty recognizing selected items

Solution
Change board item background color: white -> blue200

Figma / Jira Link
https://www.figma.com/file/IS6P8y1Wn2nfBC4jGlSiya/Components?node-id=7449%3A396920&t=SXp3ePmVnajgeWg5-1

Additional Description
🫶❤️

Is your feature request related to a problem? Please describe.
object, array data was not readable.

Describe the solution you'd like
Display object data with Dict component. (Not developed yet.)
Display array data with TextList component. (It's console component now, but must be moved as mirinae component)

Describe alternatives you've considered

Additional context
Dict component is not developed yet. Must be developed after this issue.

Is your feature request related to a problem? Please describe.
There is no way to represent data in tags in different ways.

Describe the solution you'd like
Add category, key(label) spec

Figma

Problem Need a query search dropdown input for Cost Analysis Filter Settings

Solution Create new component

Figma / Jira Link https://www.figma.com/file/IS6P8y1Wn2nfBC4jGlSiya/Components?node-id=5133%3A343951

Major Feature

• Enter key: value
• Multiple data input available

Add priority (high / medium / low) label :)

• High

Problem
Need a medium size font between the existing display-xl(64px) and display-lg(32px) font size.

Solution
Change the exisiting display-xl -> display-2xl and Add new size(48px) font to display-xl.

Figma / Jira Link
https://www.figma.com/file/DVwz3WQLLIxWXj4d4W8MQI/Foundation?node-id=17863%3A182708&t=D23wupnkfCCsR66g-1

Additional Description
Font weights are same with display-xl(regular, medium, bold)

Description
Explain what documentation changes are needed.

Hello.

I want to use this nice assets of mirinae for my project.
This mirinae project is looked like released as by Apache 4.0.
But it seems the document of license has been consist of default template only.

Would you update it please?
Always thanks for your contribution.

With gratitude, Minseo Lee

🚨 The automated release from the v2.0.0-beta.33 branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you can benefit from your bug fixes and new features again.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can fix this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the v2.0.0-beta.33 branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here are some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

Cannot push to the Git repository.

semantic-release cannot push the version tag to the branch v2.0.0-beta.33 on the remote Git repository with URL https://x-access-token:[secure]@github.com/cloudforet-io/mirinae.git.

This can be caused by:

• a misconfiguration of the repositoryUrl option
• the repository being unavailable
• or missing push permission for the user configured via the Git credentials on your CI environment

Good luck with your project ✨

Your semantic-release bot 📦🚀

had no large size. users need to be able to find dropdown button easier

added large size

Figma

Additional Description

High

Problem
Need new font weight (between regular and blod)

Solution
Add medium(500) font weight

Figma / Jira Link
Typography

** poor readability of green badge color **

** changed color --- green from 600 to 400 & font color from white to gray/900 **

** Figma **

Priority (medium)

Is your feature request related to a problem? Please describe.
Lottie is too heavy for loading animation

Describe the solution you'd like
use icon with transition as loader

Describe the bug
DictList component is used in dynamic field dict type, and in case of link, there is line break.

Expected behavior
external icon must be next to the badges.

Screenshots

Additional context

Problem
Need a color, to distinct from blue-100 background color.

Solution
Add a new styleType color indigo

Figma / Jira Link
Go to figma

Additional Description
Used for date-range picker, currency dropdown.
scheduled for v1.10.5 sprint

Problem
4 direction is not enough to express the placement of tooltip

Solution

• Add 8 more direction
• line-height
• background-color opacity

Figma / Jira Link
Tooltip

Problem
Need to organize style type according to purpose of button.

Solution
Redefine style types with semantic hierarchy

• deleted properties
  • outline
  • font-weight

Figma / Jira Link
buttons / button

Additional Description
loading spinner should change (white color and default color..)