@platformatic/ui-components 0.1.50 → 0.1.51

package/src/stories/Sidebar.stories.jsx

@@ -36,9 +36,9 @@ EmptySidebar.args = {
 
 const FullSidebarTemplate = (args) => {
   const [items, setItems] = useState([
-    { iconName: 'StaticWorkspaceIcon', subTitle: 'Subtitle', title: 'a very very very very very long title 1' },
+    { iconName: 'WorkspaceStaticIcon', subTitle: 'Subtitle', title: 'a very very very very very long title 1' },
     { title: 'Title number 2', subTitle: 'Subtitle 2' },
-    { title: 'Another Title', subTitle: 'Subtitle 3', iconName: 'DynamicWorkspaceIcon' }
+    { title: 'Another Title', subTitle: 'Subtitle 3', iconName: 'WorkspaceDynamicIcon' }
   ])
   function onClickAdd () {
     const tmpItem = items.map(item => item)

package/src/stories/forms/Input.stories.jsx

@@ -77,7 +77,7 @@ IconBeforeAndAfter.args = {
   name: 'test',
   placeholder: 'Platformatic',
   beforeIcon: {
-    iconName: 'CopyIcon',
+    iconName: 'CopyPasteIcon',
     color: 'main-dark-blue',
     size: 'small',
     onClick: () => { alert('clicked') }

package/src/stories/forms/Preview.stories.jsx

@@ -51,7 +51,7 @@ export const WithIcon = Template.bind({})
 WithIcon.args = {
   title: 'My title',
   value: 'My value',
-  afterValueIcon: 'StaticWorkspaceIcon',
+  afterValueIcon: 'WorkspaceStaticIcon',
   afterValueIconColor: 'green',
   onClickAfterValueIcon: () => alert('icon clicked')
 }

package/src/stories/icons/Icons.stories.jsx

@@ -2,11 +2,9 @@ import React from 'react'
 import PullRequestIcon from '../../components/icons/PullRequestIcon'
 import CloseIcon from '../../components/icons/CloseIcon'
 import CircleCloseIcon from '../../components/icons/CircleCloseIcon'
-import TriangleExclamationIcon from '../../components/icons/TriangleExclamationIcon'
-import StaticWorkspaceIcon from '../../components/icons/StaticWorkspaceIcon'
-import CreatedWorkspaceIcon from '../../components/icons/CreatedWorkspaceIcon'
+import WorkspaceStaticIcon from '../../components/icons/WorkspaceStaticIcon'
 import UpgradeIcon from '../../components/icons/UpgradeIcon'
-import DynamicWorkspaceIcon from '../../components/icons/DynamicWorkspaceIcon'
+import WorkspaceDynamicIcon from '../../components/icons/WorkspaceDynamicIcon'
 
 const divStyle = {
   display: 'flex',
@@ -49,12 +47,8 @@ const CircleCloseIconTemplate = (args) => <CircleCloseIcon {...args} />
 export const CircleCloseIconDefault = CircleCloseIconTemplate.bind({})
 CircleCloseIconDefault.args = {}
 
-const TriangleExclamationIconTemplate = (args) => <TriangleExclamationIcon {...args} />
-export const TriangleExclamationIconDefault = TriangleExclamationIconTemplate.bind({})
-TriangleExclamationIconDefault.args = {}
-
 const WorkspaceIconsTemplate = () => (
-  [<StaticWorkspaceIcon key='a' />, <DynamicWorkspaceIcon key='b' />].map((component, index) => {
+  [<WorkspaceStaticIcon key='a' />, <WorkspaceDynamicIcon key='b' />].map((component, index) => {
     const listElement = []
     listElement.push(React.cloneElement(component, { key: `0${index}` }))
     listElement.push(React.cloneElement(component, { key: `1${index}`, size: 'small', color: 'green' }))
@@ -69,6 +63,6 @@ const WorkspaceIconsTemplate = () => (
 export const WorkspaceIconsAll = WorkspaceIconsTemplate.bind({})
 WorkspaceIconsAll.args = {}
 
-const LargeIconsTemplate = () => ([<CreatedWorkspaceIcon key='a' size='extra-large' />, <UpgradeIcon key='b' size='extra-large' />].map(component => component))
+const LargeIconsTemplate = () => ([<UpgradeIcon key='b' size='extra-large' />].map(component => component))
 export const LargeIconsDefault = LargeIconsTemplate.bind({})
 LargeIconsDefault.args = {}

package/src/styles/main.css

@@ -2,15 +2,22 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+  font-family: 'Montserrat';
+  src: url('/fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
 :root {
   @apply bg-main-dark-blue;
   font-family: 'Montserrat';
 }
+
 a {
   @apply text-tertiary-blue;
 }
 
 input {
   background-color: transparent;
-
 }