@sima-land/ui-nucleons 45.0.0-alpha.22 → 45.0.0-alpha.24

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.
Files changed (11) hide show
  1. package/chip/chip.m.scss +3 -0
  2. package/colors/index.d.ts +1 -1
  3. package/colors/index.js +1 -1
  4. package/colors/index.js.map +1 -1
  5. package/colors.scss +2 -2
  6. package/gradients/index.d.ts +1 -0
  7. package/gradients/index.js +1 -0
  8. package/gradients/index.js.map +1 -1
  9. package/gradients.scss +2 -0
  10. package/package.json +1 -1
  11. package/styling/colors.d.ts +5 -5
package/chip/chip.m.scss CHANGED
@@ -22,6 +22,9 @@
22
22
  padding: 0 12px;
23
23
  background: var(--chip-background);
24
24
  color: var(--chip-color);
25
+ transition:
26
+ background 100ms ease-in,
27
+ color 100ms ease-in;
25
28
  &:focus-visible {
26
29
  @include utils.focus-visible-style;
27
30
  }
package/colors/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /** Цвета дизайн-системы. */
2
2
  export declare const COLOR: {
3
3
  readonly 'basic-blue': "#1f84db";
4
+ readonly 'basic-black': "#000";
4
5
  readonly 'basic-gray87': "#212121";
5
6
  readonly 'basic-gray76': "#3a3a3b";
6
7
  readonly 'basic-gray66': "#545455";
@@ -12,7 +13,6 @@ export declare const COLOR: {
12
13
  readonly 'basic-gray4': "#f5f5f5";
13
14
  readonly 'basic-gray2': "#fafafa";
14
15
  readonly 'basic-white': "#fff";
15
- readonly 'basic-black': "#000";
16
16
  readonly 'additional-deep-red': "#d50000";
17
17
  readonly 'additional-red': "#fb3a2f";
18
18
  readonly 'additional-light-red': "#feebea";
package/colors/index.js CHANGED
@@ -6,6 +6,7 @@ exports.COLORS = exports.COLOR = void 0;
6
6
  exports.COLOR = {
7
7
  // basic
8
8
  'basic-blue': '#1f84db',
9
+ 'basic-black': '#000',
9
10
  'basic-gray87': '#212121',
10
11
  'basic-gray76': '#3a3a3b',
11
12
  'basic-gray66': '#545455',
@@ -17,7 +18,6 @@ exports.COLOR = {
17
18
  'basic-gray4': '#f5f5f5',
18
19
  'basic-gray2': '#fafafa',
19
20
  'basic-white': '#fff',
20
- 'basic-black': '#000',
21
21
  // additional
22
22
  'additional-deep-red': '#d50000',
23
23
  'additional-red': '#fb3a2f',
package/colors/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IACrB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;IAClC,oBAAoB,EAAE,SAAS;CACvB,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,MAAM;IACrB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;IAClC,oBAAoB,EAAE,SAAS;CACvB,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}
package/colors.scss CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  // basic
4
4
  $basic-blue: #1f84db;
5
+ $basic-black: #000;
5
6
  $basic-gray87: #212121;
6
7
  $basic-gray76: #3a3a3b;
7
8
  $basic-gray66: #545455;
@@ -13,7 +14,6 @@ $basic-gray8: #ebebeb;
13
14
  $basic-gray4: #f5f5f5;
14
15
  $basic-gray2: #fafafa;
15
16
  $basic-white: #fff;
16
- $basic-black: #000;
17
17
 
18
18
  // additional
19
19
  $additional-deep-red: #d50000;
@@ -47,6 +47,7 @@ $additional-crimson: #f4446b;
47
47
  @mixin properties() {
48
48
  // basic
49
49
  --color-basic-blue: #1f84db;
50
+ --color-basic-black: #000;
50
51
  --color-basic-gray87: #212121;
51
52
  --color-basic-gray76: #3a3a3b;
52
53
  --color-basic-gray66: #545455;
@@ -58,7 +59,6 @@ $additional-crimson: #f4446b;
58
59
  --color-basic-gray4: #f5f5f5;
59
60
  --color-basic-gray2: #fafafa;
60
61
  --color-basic-white: #fff;
61
- --color-basic-black: #000;
62
62
 
63
63
  // additional
64
64
  --color-additional-deep-red: #d50000;
package/gradients/index.d.ts CHANGED
@@ -9,5 +9,6 @@ export declare const GRADIENT: {
9
9
  readonly sky: "linear-gradient(135deg, #3777fe 0%, #21e3e4 100%)";
10
10
  readonly 'polar-light': "linear-gradient(135deg, #46007c 0%, #008dc9 100%)";
11
11
  readonly night: "linear-gradient(135deg, #0f0f0f 0%, #757575 100%)";
12
+ readonly blueberry: "linear-gradient(135deg, #a3a4cd 0%, #30314e 100%)";
12
13
  };
13
14
  export declare const GRADIENTS: Map<keyof typeof GRADIENT, string>;
package/gradients/index.js CHANGED
@@ -13,6 +13,7 @@ exports.GRADIENT = {
13
13
  sky: 'linear-gradient(135deg, #3777fe 0%, #21e3e4 100%)',
14
14
  'polar-light': 'linear-gradient(135deg, #46007c 0%, #008dc9 100%)',
15
15
  night: 'linear-gradient(135deg, #0f0f0f 0%, #757575 100%)',
16
+ blueberry: 'linear-gradient(135deg, #a3a4cd 0%, #30314e 100%)',
16
17
  };
17
18
  exports.GRADIENTS = new Map(Object.entries(exports.GRADIENT));
18
19
  //# sourceMappingURL=index.js.map
package/gradients/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/gradients/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,gCAAgC;AACnB,QAAA,QAAQ,GAAG;IACtB,OAAO,EAAE,mDAAmD;IAC5D,QAAQ,EAAE,mDAAmD;IAC7D,MAAM,EAAE,mDAAmD;IAC3D,QAAQ,EAAE,mDAAmD;IAC7D,IAAI,EAAE,mDAAmD;IACzD,OAAO,EAAE,mDAAmD;IAC5D,GAAG,EAAE,mDAAmD;IACxD,aAAa,EAAE,mDAAmD;IAClE,KAAK,EAAE,mDAAmD;CAClD,CAAC;AAEE,QAAA,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAQ,CAAC,CAAuC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/gradients/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,gCAAgC;AACnB,QAAA,QAAQ,GAAG;IACtB,OAAO,EAAE,mDAAmD;IAC5D,QAAQ,EAAE,mDAAmD;IAC7D,MAAM,EAAE,mDAAmD;IAC3D,QAAQ,EAAE,mDAAmD;IAC7D,IAAI,EAAE,mDAAmD;IACzD,OAAO,EAAE,mDAAmD;IAC5D,GAAG,EAAE,mDAAmD;IACxD,aAAa,EAAE,mDAAmD;IAClE,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,mDAAmD;CACtD,CAAC;AAEE,QAAA,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAQ,CAAC,CAAuC,CAAC"}
package/gradients.scss CHANGED
@@ -9,6 +9,7 @@ $foliage: linear-gradient(135deg, #09ab8b 0%, #a9e007 100%);
9
9
  $sky: linear-gradient(135deg, #3777fe 0%, #21e3e4 100%);
10
10
  $polar-light: linear-gradient(135deg, #46007c 0%, #008dc9 100%);
11
11
  $night: linear-gradient(135deg, #0f0f0f 0%, #757575 100%);
12
+ $blueberry: linear-gradient(135deg, #a3a4cd 0%, #30314e 100%);
12
13
 
13
14
  @mixin properties() {
14
15
  --gradient-sunrise: linear-gradient(135deg, #bf16af 0%, #ff9b8d 100%);
@@ -20,4 +21,5 @@ $night: linear-gradient(135deg, #0f0f0f 0%, #757575 100%);
20
21
  --gradient-sky: linear-gradient(135deg, #3777fe 0%, #21e3e4 100%);
21
22
  --gradient-polar-light: linear-gradient(135deg, #46007c 0%, #008dc9 100%);
22
23
  --gradient-night: linear-gradient(135deg, #0f0f0f 0%, #757575 100%);
24
+ --gradient-blueberry: linear-gradient(135deg, #a3a4cd 0%, #30314e 100%);
23
25
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sima-land/ui-nucleons",
3
3
  "type": "commonjs",
4
- "version": "45.0.0-alpha.22",
4
+ "version": "45.0.0-alpha.24",
5
5
  "repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
6
6
  "author": "www.sima-land.ru team",
7
7
  "license": "Apache-2.0",
package/styling/colors.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  /** @deprecated */
2
- export declare const color: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
2
+ export declare const color: (value: "basic-blue" | "basic-black" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
3
3
  /** @deprecated */
4
- export declare const hoverColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
4
+ export declare const hoverColor: (value: "basic-blue" | "basic-black" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
5
5
  /** @deprecated */
6
- export declare const bgColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
6
+ export declare const bgColor: (value: "basic-blue" | "basic-black" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
7
7
  /** @deprecated */
8
- export declare const stroke: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
8
+ export declare const stroke: (value: "basic-blue" | "basic-black" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
9
9
  /** @deprecated */
10
- export declare const fill: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
10
+ export declare const fill: (value: "basic-blue" | "basic-black" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;