@pstdio/ui 0.0.3 → 0.1.0

package/dist/style.css

@@ -0,0 +1 @@
+.rich-text__ltr{text-align:left}.rich-text__rtl{text-align:right}.rich-text{--rich-text-font-scale: 1;font-size:calc(1rem * var(--rich-text-font-scale))}.rich-text[data-rich-message=true]{--rich-text-font-scale: .8}.rich-text__paragraph{margin:0;position:relative}.rich-text__quote{margin:0;margin-top:var(--chakra-spacing-3, .75rem);margin-left:var(--chakra-spacing-3, .75rem);margin-bottom:var(--chakra-spacing-3, .75rem);font-size:calc(15px * var(--rich-text-font-scale));color:var(--chakra-colors-fg-muted);border-left:4px solid var(--chakra-colors-border);padding-left:16px}.rich-text__indent{--lexical-indent-base-value: 40px}.rich-text__textBold{font-weight:700}.rich-text__reference{font:inherit;border-bottom:1px dotted currentColor;opacity:.9;white-space:nowrap}.rich-text__textStrikethrough{text-decoration:line-through}.rich-text__textUnderlineStrikethrough{text-decoration:underline line-through}.rich-text__textSubscript{font-size:.8em;vertical-align:sub}.rich-text__textSuperscript{font-size:.8em;vertical-align:super}.rich-text__textCode{background-color:var(--chakra-colors-bg-code);padding:1px .25rem;font-family:var(--chakra-fonts-mono);font-size:.94em}.rich-text__link{color:var(--chakra-colors-blue-600);text-decoration:none;cursor:pointer}.rich-text__link:hover{text-decoration:underline}.rich-text__code{background-color:var(--chakra-colors-bg-muted);font-family:var(--chakra-fonts-mono);display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:calc(13px * var(--rich-text-font-scale));margin:8px 0;overflow-x:auto;position:relative;tab-size:2}.rich-text__code:before{content:attr(data-gutter);position:absolute;background-color:var(--chakra-colors-bg-subtle);left:0;top:0;bottom:0;border-right:1px solid var(--chakra-colors-border);padding:8px;color:var(--chakra-colors-fg-muted);white-space:pre-wrap;text-align:right;min-width:25px}.rich-text__table{border-collapse:collapse;border-spacing:0;color:var(--chakra-colors-fg);font-size:calc(var(--chakra-font-sizes-sm) * var(--rich-text-font-scale));line-height:21px;overflow-y:auto;overflow-x:auto;table-layout:fixed;width:max-content}.rich-text__tableSelection *::selection{background-color:transparent}.rich-text__tableSelected{outline:2px solid var(--chakra-colors-blue-500)}.rich-text__tableCell{border:1px solid var(--chakra-colors-border);vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.rich-text__tableCellSortedIndicator{display:block;opacity:.5;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:var(--chakra-colors-bg)}.rich-text__tableCellResizer{position:absolute;right:-4px;height:100%;width:8px;cursor:ew-resize;z-index:10;top:0}.rich-text__tableCellHeader{background-color:var(--chakra-colors-bg-muted);font-weight:400;text-align:start}.rich-text__tableCellSelected{background-color:var(--chakra-colors-blue-100)}.rich-text__tableCellPrimarySelected{border:2px solid var(--chakra-colors-blue-500);display:block;height:calc(100% - 2px);position:absolute;width:calc(100% - 2px);left:-1px;top:-1px;z-index:2}.rich-text__tableCellEditing{box-shadow:var(--chakra-shadows-sm);border-radius:3px}.rich-text__tableAddColumns,.rich-text__tableAddRows{position:absolute;background-color:var(--chakra-colors-bg-muted);animation:table-controls .2s ease;border:0;cursor:pointer}.rich-text__tableAddColumns{top:0;width:20px;height:100%;right:-25px}.rich-text__tableAddColumns:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.rich-text__tableAddRows{bottom:-25px;width:calc(100% - 25px);height:20px;left:0}.rich-text__tableAddRows:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.rich-text__tableAddColumns:hover,.rich-text__tableAddRows:hover{background-color:var(--chakra-colors-blue-100)}@keyframes table-controls{0%{opacity:0}to{opacity:1}}.rich-text__tableCellResizeRuler{display:block;position:absolute;width:1px;background-color:var(--chakra-colors-blue-500);height:100%;top:0}.rich-text__tableCellActionButtonContainer{display:block;right:5px;top:6px;position:absolute;z-index:4;width:20px;height:20px}.rich-text__tableCellActionButton{background-color:var(--chakra-colors-bg-muted);display:block;border:0;border-radius:20px;width:20px;height:20px;color:var(--chakra-colors-fg);cursor:pointer}.rich-text__tableCellActionButton:hover{background-color:var(--chakra-colors-bg-subtle)}.rich-text__characterLimit{display:inline;background-color:var(--chakra-colors-red-100)}ul.rich-text__ul,ol.rich-text__ol,ol.rich-text__ol1,ol.rich-text__ol2,ol.rich-text__ol3,ol.rich-text__ol4,ol.rich-text__ol5{--rt-indent: var(--chakra-spacing-sm, .5rem);--rt-level: 1;list-style-position:outside;padding-inline-start:calc(var(--rt-indent) * var(--rt-level));margin-top:var(--chakra-spacing-3, .75rem);margin-bottom:var(--chakra-spacing-3, .75rem)}ul.rich-text__ul{list-style-type:disc}ol.rich-text__ol,ol.rich-text__ol1{list-style-type:decimal}ol.rich-text__ol2{list-style-type:upper-alpha}ol.rich-text__ol3{list-style-type:lower-alpha}ol.rich-text__ol4{list-style-type:upper-roman}ol.rich-text__ol5{list-style-type:lower-roman}li.rich-text__listItem{display:list-item;list-style-position:outside;margin-inline:var(--chakra-spacing-1, .25rem)}li.rich-text__listItemUnchecked,li.rich-text__listItemChecked{display:list-item;list-style-type:none}ul.rich-text__ul :where(ul,ol),ol.rich-text__ol :where(ul,ol),ol.rich-text__ol1 :where(ul,ol),ol.rich-text__ol2 :where(ul,ol),ol.rich-text__ol3 :where(ul,ol),ol.rich-text__ol4 :where(ul,ol),ol.rich-text__ol5 :where(ul,ol){--rt-level: calc(var(--rt-level) + 1);padding-inline-start:calc(var(--rt-indent) * var(--rt-level))}.rich-text__listItemUnchecked:before,.rich-text__listItemChecked:before{content:"";width:16px;height:16px;top:2px;left:0;cursor:pointer;display:block;background-size:cover;position:absolute}.rich-text__listItemUnchecked[dir=rtl]:before,.rich-text__listItemChecked[dir=rtl]:before{left:auto;right:0}.rich-text__listItemUnchecked:focus:before,.rich-text__listItemChecked:focus:before{box-shadow:0 0 0 2px var(--chakra-colors-blue-200);border-radius:2px}.rich-text__listItemUnchecked:before{border:1px solid var(--chakra-colors-gray-400);border-radius:2px}.rich-text__listItemChecked:before{border:1px solid var(--chakra-colors-blue-500);border-radius:2px;background-color:var(--chakra-colors-blue-500);background-repeat:no-repeat}.rich-text__listItemChecked:after{content:"";cursor:pointer;border-color:var(--chakra-colors-bg, var(--chakra-colors-bg));border-style:solid;position:absolute;display:block;top:6px;width:3px;left:7px;right:7px;height:6px;transform:rotate(45deg);border-width:0 2px 2px 0}.rich-text__nestedListItem{list-style-type:inherit}.rich-text__nestedListItem:before,.rich-text__nestedListItem:after{display:none}.rich-text__tokenComment{color:var(--chakra-colors-gray-500)}.rich-text__tokenPunctuation{color:var(--chakra-colors-gray-400)}.rich-text__tokenProperty{color:var(--chakra-colors-purple-600)}.rich-text__tokenSelector{color:var(--chakra-colors-green-600)}.rich-text__tokenOperator{color:var(--chakra-colors-orange-600)}.rich-text__tokenAttr{color:var(--chakra-colors-blue-600)}.rich-text__tokenVariable{color:var(--chakra-colors-yellow-600)}.rich-text__tokenFunction{color:var(--chakra-colors-pink-600)}.rich-text__mark{background:var(--chakra-colors-yellow-100);border-bottom:2px solid var(--chakra-colors-yellow-200);padding-bottom:2px}.rich-text__markOverlap{background:var(--chakra-colors-yellow-200);border-bottom:2px solid var(--chakra-colors-yellow-300)}.rich-text__mark.selected{background:var(--chakra-colors-yellow-300);border-bottom:2px solid var(--chakra-colors-yellow-400)}.rich-text__markOverlap.selected{background:var(--chakra-colors-yellow-400);border-bottom:2px solid var(--chakra-colors-yellow-400)}.rich-text__layoutContainer{display:grid;gap:var(--chakra-spacing-2, .5rem)}.rich-text__layoutItem{border-radius:var(--chakra-radii-sm)}.rich-text__layoutItem>:first-child{margin-top:0;margin-bottom:0}.draggable-block-demo__row{display:flex;gap:var(--chakra-spacing-3, .75rem);padding-block:var(--chakra-spacing-2, .5rem);padding-inline:var(--chakra-spacing-4, 1rem);position:relative;transition:box-shadow .14s ease}.rich-text__row{border-radius:var(--chakra-radii-lg)}.draggable-block-demo__row:focus-within{box-shadow:0 0 0 2px var(--chakra-colors-blue-200)}.draggable-block-demo__content,.rich-text__content{position:relative;flex:1 1 0;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.draggable-block-demo__content--empty{color:var(--chakra-colors-fg-muted);border-style:dashed;background:var(--chakra-colors-bg-subtle)}.draggable-block-demo__handle-slot{position:absolute;inset:0;width:0;height:0;pointer-events:none}.draggable-block-demo__handle-controls{position:absolute;pointer-events:none;opacity:0;transform:translate(-10000px,-10000px);z-index:11;display:flex;flex-direction:column;align-items:center;gap:8px}.draggable-block-demo__floating-handle,.draggable-block-demo__delete-button{pointer-events:auto}.draggable-block-demo__floating-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--chakra-radii-sm);border:1px solid var(--chakra-colors-border);background:var(--chakra-colors-bg);color:var(--chakra-colors-fg-muted);box-shadow:var(--chakra-shadows-sm);cursor:grab;transition:box-shadow .12s ease,transform .12s ease}.draggable-block-demo__floating-handle:active{cursor:grabbing}.draggable-block-demo__handle-icon{margin-left:-4px;display:inline-block;font-size:calc(12px * var(--rich-text-font-scale));letter-spacing:-4px;-webkit-user-select:none;user-select:none}.draggable-block-demo__delete-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--chakra-radii-sm);border:1px solid var(--chakra-colors-red-200);background:var(--chakra-colors-red-50);color:var(--chakra-colors-red-600);cursor:pointer;box-shadow:var(--chakra-shadows-xs);transition:background .12s ease,border-color .12s ease}.draggable-block-demo__delete-button:hover{background:var(--chakra-colors-red-100);border-color:var(--chakra-colors-red-300)}.draggable-block-demo__delete-icon{font-size:calc(16px * var(--rich-text-font-scale));line-height:1;-webkit-user-select:none;user-select:none}.draggable-block-demo__gap{position:absolute;left:0;width:100%;height:28px;display:flex;justify-content:center;align-items:center;pointer-events:auto;opacity:0;transition:opacity .12s ease}.draggable-block-demo__gap-line{width:100%;border-top:1px dashed var(--chakra-colors-border);position:absolute;top:50%;transform:translateY(-50%)}.draggable-block-demo__gap-button{pointer-events:auto;border:1px solid var(--chakra-colors-border);background:var(--chakra-colors-bg);border-radius:999px;width:20px;height:20px;font-size:calc(18px * var(--rich-text-font-scale));line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--chakra-colors-fg-muted);box-shadow:var(--chakra-shadows-xs);transition:background .12s ease,color .12s ease}.draggable-block-demo__gap:hover,.draggable-block-demo__gap.is-active{opacity:1}.draggable-block-demo__gap-button:hover{background:var(--chakra-colors-bg-subtle);color:var(--chakra-colors-fg)}.draggable-block-demo__indicator{position:absolute;background:var(--chakra-colors-blue-500);pointer-events:none;border-radius:2px;z-index:12}.draggable-block-demo__indicator--horizontal{height:2px}.draggable-block-demo__indicator--vertical{width:2px}.rich-text__h1{font-family:var(--chakra-fonts-body);font-size:calc(var(--chakra-font-sizes-3xl) * var(--rich-text-font-scale));font-weight:var(--chakra-font-weights-medium);line-height:120%;color:var(--chakra-colors-fg);margin-top:var(--chakra-spacing-5, 1.5rem);margin-bottom:var(--chakra-spacing-4, 1rem)}.rich-text__h1_2{font-family:var(--chakra-fonts-body);font-size:calc(var(--chakra-font-sizes-3xl) * var(--rich-text-font-scale));font-weight:var(--chakra-font-weights-medium);line-height:120%;color:var(--chakra-colors-fg);margin-top:var(--chakra-spacing-3, .75rem);margin-bottom:var(--chakra-spacing-2, .5rem)}.rich-text__h2{font-family:var(--chakra-fonts-body);font-size:calc(var(--chakra-font-sizes-2xl) * var(--rich-text-font-scale));font-weight:var(--chakra-font-weights-medium);line-height:120%;color:var(--chakra-colors-fg, var(--chakra-colors-fg));margin-top:var(--chakra-spacing-4, 1rem);margin-bottom:var(--chakra-spacing-3, .75rem)}.rich-text__h2_2{font-family:var(--chakra-fonts-body);font-size:calc(var(--chakra-font-sizes-2xl) * var(--rich-text-font-scale));font-weight:var(--chakra-font-weights-medium);line-height:120%;color:var(--chakra-colors-fg, var(--chakra-colors-fg));margin-top:var(--chakra-spacing-2, .5rem);margin-bottom:var(--chakra-spacing-1, .125rem)}.rich-text__h3{font-family:var(--chakra-fonts-body);font-size:calc(var(--chakra-font-sizes-lg) * var(--rich-text-font-scale));font-weight:var(--chakra-font-weights-medium);line-height:100%;color:var(--chakra-colors-fg, var(--chakra-colors-fg));margin-top:var(--chakra-spacing-4, 1rem);margin-bottom:var(--chakra-spacing-3, .75rem)}.rich-text__h3_2{font-family:var(--chakra-fonts-body);font-size:calc(var(--chakra-font-sizes-lg) * var(--rich-text-font-scale));font-weight:var(--chakra-font-weights-medium);line-height:100%;color:var(--chakra-colors-fg, var(--chakra-colors-fg));margin-top:var(--chakra-spacing-2, .5rem)}.rich-text__p{font-family:var(--chakra-fonts-body);letter-spacing:.14px;margin:0;margin-top:var(--chakra-spacing-3, .75rem);margin-bottom:var(--chakra-spacing-3, .75rem)}.rich-text__p:first-child{margin-top:0}.rich-text__p:only-child{margin-bottom:0}.rich-text__p2{font-family:var(--chakra-fonts-body);letter-spacing:.14px;margin:0}.rich-text__textUnderline{text-decoration:underline}.rich-text__textItalic{font-style:italic}span.editor-equation{display:inline-block}.editor-equation span{cursor:inherit}.editor-equation{-webkit-user-select:none;user-select:none}.katex-display{overflow-x:auto;overflow-y:hidden}.floating-text-format-toolbar{display:flex;position:absolute;top:0;left:0;z-index:1000;opacity:0;background-color:var(--chakra-colors-bg);border-radius:8px;border:1px solid var(--chakra-colors-border-muted);box-shadow:0 5px 10px #0000001a;transition:opacity .2s;will-change:transform;padding:4px;gap:2px}.floating-text-format-toolbar.active{opacity:1}.floating-text-format-toolbar button[data-active]{background-color:var(--chakra-colors-bg-accent-primary-medium);color:var(--chakra-colors-text-selectable-primary)}.rich-text__p--no-margin{margin:0}

package/{storybook-static → dist}/theme/primitives/colors.d.ts

@@ -5,6 +5,9 @@ export declare const blacks: {
     50: {
         value: string;
     };
+    75: {
+        value: string;
+    };
     100: {
         value: string;
     };
@@ -26,6 +29,9 @@ export declare const blacks: {
     700: {
         value: string;
     };
+    750: {
+        value: string;
+    };
     800: {
         value: string;
     };
@@ -255,17 +261,6 @@ export declare const orange: {
         value: string;
     };
 };
-export declare const accentPrimary: {
-    DEFAULT: {
-        value: string;
-    };
-    light: {
-        value: string;
-    };
-    medium: {
-        value: string;
-    };
-};
 export declare const yellow: {
     DEFAULT: {
         value: string;
@@ -519,6 +514,9 @@ export declare const colors: {
         50: {
             value: string;
         };
+        75: {
+            value: string;
+        };
         100: {
             value: string;
         };
@@ -540,6 +538,9 @@ export declare const colors: {
         700: {
             value: string;
         };
+        750: {
+            value: string;
+        };
         800: {
             value: string;
         };
@@ -734,17 +735,6 @@ export declare const colors: {
             value: string;
         };
     };
-    accentPrimary: {
-        DEFAULT: {
-            value: string;
-        };
-        light: {
-            value: string;
-        };
-        medium: {
-            value: string;
-        };
-    };
     orange: {
         DEFAULT: {
             value: string;

package/dist/theme/recipes/menu.d.ts

@@ -0,0 +1 @@
+export declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "indicator" | "separator" | "item" | "trigger" | "positioner" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "triggerItem" | "itemCommand", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "indicator" | "separator" | "item" | "trigger" | "positioner" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "triggerItem" | "itemCommand">>;

package/{storybook-static → dist}/theme/tokens/borders.d.ts

@@ -1,35 +1,35 @@
 export declare const borders: {
-    accent: {
+    DEFAULT: {
         value: {
             base: string;
             _dark: string;
         };
     };
-    "accent-light": {
+    muted: {
         value: {
             base: string;
             _dark: string;
         };
     };
-    primary: {
+    subtle: {
         value: {
             base: string;
             _dark: string;
         };
     };
-    secondary: {
+    inverted: {
         value: {
             base: string;
             _dark: string;
         };
     };
-    tertiary: {
+    accent: {
         value: {
             base: string;
             _dark: string;
         };
     };
-    inverse: {
+    "accent-light": {
         value: {
             base: string;
             _dark: string;

package/{storybook-static → dist}/theme/tokens/colors.d.ts

@@ -61,6 +61,27 @@ export declare const fg: {
             _dark: string;
         };
     };
+    button: {
+        primary: {
+            default: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            disabled: {
+                value: string;
+            };
+        };
+    };
+    "menu-item": {
+        default: {
+            value: string;
+        };
+        secondary: {
+            value: string;
+        };
+    };
 };
 export declare const bg: {
     DEFAULT: {
@@ -117,6 +138,36 @@ export declare const bg: {
             _dark: string;
         };
     };
+    button: {
+        primary: {
+            default: {
+                value: string;
+            };
+            hover: {
+                value: string;
+            };
+            pressed: {
+                value: string;
+            };
+            disabled: {
+                value: string;
+            };
+        };
+    };
+    "menu-item": {
+        default: {
+            value: string;
+        };
+        hover: {
+            value: string;
+        };
+        focus: {
+            value: string;
+        };
+        selected: {
+            value: string;
+        };
+    };
     display: {
         "very-light": {
             value: {
@@ -126,6 +177,24 @@ export declare const bg: {
         };
     };
     "accent-primary": {
+        default: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        hover: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        pressed: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
         "very-light": {
             value: {
                 base: string;
@@ -275,6 +344,17 @@ export declare const border: {
             _dark: string;
         };
     };
+    accent: {
+        value: {
+            base: string;
+            _dark: string;
+        };
+    };
+    button: {
+        primary: {
+            value: string;
+        };
+    };
 };
 export declare const blue: {
     border: {
@@ -446,6 +526,16 @@ export declare const vis: {
         };
     };
 };
+export declare const text: {
+    selectable: {
+        primary: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+    };
+};
 export declare const semanticColors: {
     fg: {
         DEFAULT: {
@@ -510,6 +600,27 @@ export declare const semanticColors: {
                 _dark: string;
             };
         };
+        button: {
+            primary: {
+                default: {
+                    value: {
+                        base: string;
+                        _dark: string;
+                    };
+                };
+                disabled: {
+                    value: string;
+                };
+            };
+        };
+        "menu-item": {
+            default: {
+                value: string;
+            };
+            secondary: {
+                value: string;
+            };
+        };
     };
     bg: {
         DEFAULT: {
@@ -566,6 +677,36 @@ export declare const semanticColors: {
                 _dark: string;
             };
         };
+        button: {
+            primary: {
+                default: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                pressed: {
+                    value: string;
+                };
+                disabled: {
+                    value: string;
+                };
+            };
+        };
+        "menu-item": {
+            default: {
+                value: string;
+            };
+            hover: {
+                value: string;
+            };
+            focus: {
+                value: string;
+            };
+            selected: {
+                value: string;
+            };
+        };
         display: {
             "very-light": {
                 value: {
@@ -575,6 +716,24 @@ export declare const semanticColors: {
             };
         };
         "accent-primary": {
+            default: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            hover: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+            pressed: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
             "very-light": {
                 value: {
                     base: string;
@@ -724,6 +883,17 @@ export declare const semanticColors: {
                 _dark: string;
             };
         };
+        accent: {
+            value: {
+                base: string;
+                _dark: string;
+            };
+        };
+        button: {
+            primary: {
+                value: string;
+            };
+        };
     };
     blue: {
         border: {
@@ -895,4 +1065,14 @@ export declare const semanticColors: {
             };
         };
     };
+    text: {
+        selectable: {
+            primary: {
+                value: {
+                    base: string;
+                    _dark: string;
+                };
+            };
+        };
+    };
 };