oziko-ui-kit 0.0.109 → 0.0.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,12 @@
1
- import { FC, JSX } from "react";
1
+ import React, { JSX } from "react";
2
2
  import { TypeFlexElement } from "../../../flex-element/FlexElement";
3
3
  export type TypeRichTextMinimized = {
4
4
  value?: string;
5
5
  richTextProps?: TypeFlexElement;
6
6
  placeHolder?: string | JSX.Element;
7
+ onChange?: (value: string) => void;
8
+ onCancel?: () => void;
9
+ onSave?: (value: string) => void;
7
10
  } & TypeFlexElement;
8
- declare const MinimizedRichTextInput: FC<TypeRichTextMinimized>;
9
- export default MinimizedRichTextInput;
11
+ declare const _default: React.NamedExoticComponent<TypeRichTextMinimized>;
12
+ export default _default;
package/dist/index.css CHANGED
@@ -523,9 +523,6 @@ code {
523
523
  .Button-module_button__tvuyP.Button-module_sRound__y0uWn {
524
524
  border-radius: var(--oziko-border-radius-round);
525
525
  }
526
- .Button-module_button__tvuyP.Button-module_vSolid__G4luo {
527
- border: 1px solid;
528
- }
529
526
  .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cPrimary__67oy- {
530
527
  background-color: var(--oziko-color-primary);
531
528
  border-color: var(--oziko-color-primary) !important;
@@ -694,9 +691,6 @@ code {
694
691
  border-color: rgba(var(--oziko-color-primary-rgb), 0.3) !important;
695
692
  color: var(--oziko-color-font-primary);
696
693
  }
697
- .Button-module_button__tvuyP.Button-module_vFilled__1oRT- {
698
- border: none;
699
- }
700
694
  .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cPrimary__67oy- {
701
695
  background-color: rgba(var(--oziko-color-primary-rgb), 0.1);
702
696
  border-color: var(--oziko-color-primary) !important;
@@ -3946,10 +3940,35 @@ button.font-increment {
3946
3940
  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
3947
3941
  color: var(--oziko-color-font-primary);
3948
3942
  border-radius: 0;
3943
+ background-color: var(--oziko-color-input-background);
3944
+ border-radius: var(--oziko-border-radius-md);
3945
+ color: var(--oziko-color-input-placeholder);
3946
+ padding: var(--oziko-padding-md) var(--oziko-padding-lg);
3947
+ color: #000;
3948
+ padding: var(--oziko-padding-md);
3949
3949
  }
3950
3950
  .RichText-module_richTextMinimized__LUAfH input {
3951
3951
  padding: 0;
3952
3952
  }
3953
+ .RichText-module_richTextMinimized__LUAfH input {
3954
+ padding: 0;
3955
+ }
3956
+
3957
+ .RichText-module_richTextContent__F9RzT {
3958
+ width: 100%;
3959
+ text-align: start;
3960
+ }
3961
+ .RichText-module_richTextContent__F9RzT p {
3962
+ margin: 0;
3963
+ display: inline;
3964
+ }
3965
+ .RichText-module_richTextContent__F9RzT p:not(:last-child)::after {
3966
+ content: " ";
3967
+ }
3968
+
3969
+ .RichText-module_placeholder__p7vgx {
3970
+ color: var(--oziko-color-input-placeholder);
3971
+ }
3953
3972
  .StringMinimized-module_stringMinimized__m53JQ {
3954
3973
  border-radius: 0;
3955
3974
  padding: 0 var(--oziko-padding-md);