nntc-ui 0.2.9 → 0.2.11

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.
@@ -13,8 +13,7 @@ interface Props {
13
13
  inputId?: string;
14
14
  onLabelClick?: MouseEventHandler;
15
15
  hasStartIcon?: boolean;
16
- hasEndIcon?: boolean;
17
- hasDualEndIcon?: boolean;
16
+ endIconCount?: number;
18
17
  hasErrorIcon?: boolean;
19
18
  hasClearButton?: boolean;
20
19
  hasArrow?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/FieldShell/FieldShell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKpD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAEpD,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;mFAiEtB,CAAC"}
1
+ {"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/FieldShell/FieldShell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIhG,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKpD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAEpD,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;mFAiEtB,CAAC"}
@@ -8,7 +8,7 @@ interface Props {
8
8
  label?: string;
9
9
  error?: FieldError;
10
10
  startIcon?: ReactNode;
11
- endIcon?: ReactNode;
11
+ endIcon?: ReactNode | ReactNode[];
12
12
  }
13
13
  export declare const Input: import("react").ForwardRefExoticComponent<Props & {
14
14
  classes?: import("../../../models/UiProps").PropsObject;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,mBAAmB,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAGjH,OAAO,EAAE,UAAU,EAA8B,SAAS,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAQhH,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,KAAK;;4FAmHjB,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,mBAAmB,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAGjH,OAAO,EAAE,UAAU,EAA8B,SAAS,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAQhH,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAYD,eAAO,MAAM,KAAK;;4FAyHjB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IconProps } from './Icon';
3
+ export declare const RegexIcon: React.FC<IconProps>;
4
+ //# sourceMappingURL=RegexIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RegexIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RegexIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMzC,CAAC"}
package/icons/index.d.ts CHANGED
@@ -30,6 +30,7 @@ export * from './ChevronUpIcon';
30
30
  export * from './ChevronDownIcon';
31
31
  export * from './ListIcon';
32
32
  export * from './MoreVerticalIcon';
33
+ export * from './RegexIcon';
33
34
  export * from './SearchIcon';
34
35
  export * from './SelectUniqueIcon';
35
36
  export * from './SettingsIcon';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
package/index.css CHANGED
@@ -327,7 +327,7 @@
327
327
  .button-module__elevated__DfXlq[disabled],
328
328
  .button-module__filled__tpB2J:disabled,
329
329
  .button-module__filled__tpB2J[disabled] {
330
- background-color: var(--theme-grey-700);
330
+ background-color: var(--theme-overlay-24);
331
331
  box-shadow: none;
332
332
  }
333
333
 
@@ -701,15 +701,24 @@
701
701
 
702
702
  .fieldShell-module__root__A1OLC[data-size='small'] {
703
703
  gap: 2px;
704
+ --end-icon-slot: 24px;
705
+ --end-icon-inset: 6px;
706
+ --end-icon-edge: 6px;
704
707
  }
705
708
 
706
709
  .fieldShell-module__root__A1OLC[data-size='medium'] {
707
710
  gap: 4px;
711
+ --end-icon-slot: 24px;
712
+ --end-icon-inset: 8px;
713
+ --end-icon-edge: 8px;
708
714
  }
709
715
 
710
716
  .fieldShell-module__root__A1OLC[data-size='large'],
711
717
  .fieldShell-module__root__A1OLC[data-size='extraLarge'] {
712
718
  gap: 4px;
719
+ --end-icon-slot: 28px;
720
+ --end-icon-inset: 8px;
721
+ --end-icon-edge: 4px;
713
722
  }
714
723
 
715
724
  /* Label small из макета: 12/12, без letter-spacing */
@@ -822,43 +831,8 @@
822
831
  padding-left: 36px;
823
832
  }
824
833
 
825
- :where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
826
- padding-right: 30px;
827
- }
828
-
829
- :where(.fieldShell-module__root__A1OLC[data-size='medium'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
830
- padding-right: 32px;
831
- }
832
-
833
- :where(.fieldShell-module__root__A1OLC[data-size='large'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8,
834
- :where(.fieldShell-module__root__A1OLC[data-size='extraLarge'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
835
- padding-right: 36px;
836
- }
837
-
838
- :where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8 {
839
- padding-right: 54px;
840
- }
841
-
842
- :where(.fieldShell-module__root__A1OLC[data-size='medium'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8 {
843
- padding-right: 56px;
844
- }
845
-
846
- :where(.fieldShell-module__root__A1OLC[data-size='large'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8,
847
- :where(.fieldShell-module__root__A1OLC[data-size='extraLarge'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8 {
848
- padding-right: 64px;
849
- }
850
-
851
- :where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B) {
852
- right: 30px;
853
- }
854
-
855
- :where(.fieldShell-module__root__A1OLC[data-size='medium'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B) {
856
- right: 32px;
857
- }
858
-
859
- :where(.fieldShell-module__root__A1OLC[data-size='large'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B),
860
- :where(.fieldShell-module__root__A1OLC[data-size='extraLarge'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B) {
861
- right: 32px;
834
+ :where(.fieldShell-module__root__A1OLC[data-size] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
835
+ padding-right: calc(var(--end-icon-inset) + var(--end-icon-count) * var(--end-icon-slot));
862
836
  }
863
837
 
864
838
  :where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-arrow]) > .fieldShell-module__input__uhnF8 {