github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-04-30 13:49:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎉 Basic structure

Browse Source
This commit is contained in:
Eva Marco 2025-10-17 10:21:22 +02:00
parent 8e0aa683a1
commit ed379013ef
5 changed files with 66 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/main/ui/ds.cljs
View File

@ -13,6 +13,7 @@
[app.main.ui.ds.controls.input :refer [input*]]
[app.main.ui.ds.controls.numeric-input :refer [numeric-input*]]
[app.main.ui.ds.controls.select :refer [select*]]
[app.main.ui.ds.controls.token-input :refer [token-input*]]
[app.main.ui.ds.controls.utilities.hint-message :refer [hint-message*]]
[app.main.ui.ds.controls.utilities.input-field :refer [input-field*]]
[app.main.ui.ds.controls.utilities.label :refer [label*]]
@ -64,6 +65,7 @@
:Text text*
:TabSwitcher tab-switcher*
:Toast toast*
:TokenInput token-input*
:Tooltip tooltip*
:ContextNotification context-notification*
:NotificationPill notification-pill*

26
frontend/src/app/main/ui/ds/controls/token-input.stories.jsx Normal file
View File

@ -0,0 +1,26 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC
import * as React from "react";
import Components from "@target/components";
const { TokenInput } = Components;
export default {
title: "Controls/Token Input",
component: TokenInput,
argTypes: {
},
args: {
},
parameters: {
},
render: ({ ...args }) => <TokenInput {...args} />,
};
export const Default = {};

18
frontend/src/app/main/ui/ds/controls/token_input.cljs Normal file
View File

@ -0,0 +1,18 @@
;; This Source Code Form is subject to the terms of the Mozilla Public
;; License, v. 2.0. If a copy of the MPL was not distributed with this
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
;;
;; Copyright (c) KALEIDOS INC
(ns app.main.ui.ds.controls.token-input
(:require-macros
[app.main.style :as stl])
(:require
[rumext.v2 :as mf]))
(mf/defc token-input*
[{:keys [] :rest props}]
[:div {:class (stl/css-case
:wrapper true)}
"token-input* not implemented yet"])

12
frontend/src/app/main/ui/ds/controls/token_input.mdx Normal file
View File

@ -0,0 +1,12 @@
{ /* This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
Copyright (c) KALEIDOS INC */ }
import { Canvas, Meta } from '@storybook/blocks';
import * as TokenInputStories from "./token-input.stories";
<Meta title="Controls/Token Input" />
Todo

8
frontend/src/app/main/ui/ds/controls/token_input.scss Normal file
View File

@ -0,0 +1,8 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC
.wrapper {
background: red;
}