@salutejs/plasma-new-hope 0.326.1-canary.2018.15640028321.0 → 0.326.1-canary.2018.15641070716.0

package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { css } from 'styled-components';
 import { component, mergeConfig } from "../../../engines";
 import { iconButtonConfig, iconButtonTokens } from "../../IconButton";
-import { classes } from "./Carousel.tokens";
+import { classes, tokens } from "./Carousel.tokens";
 var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
 export var IconButtonComponent = /*#__PURE__*/component(mergedConfig);
 export var base = /*#__PURE__*/css(["position:relative;"]);
@@ -17,7 +17,7 @@ export var CarouselTrack = /*#__PURE__*/styled.div.withConfig({
 });
 export var IconButton = /*#__PURE__*/styled(IconButtonComponent).withConfig({
   componentId: "plasma-new-hope__sc-vln28v-2"
-})(["position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;&.", "{left:auto;right:0.75rem;}"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, classes.rightControlButton);
+})(["position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":2.5rem;", ":2.5rem;", ":1rem;", ":var(", ");&.", "{left:auto;right:0.75rem;}"], iconButtonTokens.iconButtonColor, tokens.controlIconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.controlIconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.controlIconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.controlIconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.controlIconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.controlIconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, tokens.controlIconButtonRadius, classes.rightControlButton);
 export var ControlsWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-vln28v-3"
 })(["position:relative;"]);

package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js

@@ -13,5 +13,12 @@ export var classes = {
 };
 export var tokens = {
   paginationDotBackground: '--plasma-carousel-pagination-dot-background',
-  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background'
+  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',
+  controlIconButtonRadius: '--plasma-carousel-control-icon-button-radius',
+  controlIconButtonColor: '--plasma-carousel-control-icon-button-color',
+  controlIconButtonBackgroundColor: '--plasma-carousel-control-icon-button-background-color',
+  controlIconButtonColorHover: '--plasma-carousel-control-icon-button-color-hover',
+  controlIconButtonBackgroundColorHover: '--plasma-carousel-control-icon-button-background-color-hover',
+  controlIconButtonColorActive: '--plasma-carousel-control-icon-button-color-active',
+  controlIconButtonBackgroundColorActive: '--plasma-carousel-control-icon-button-background-color-active'
 };

package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js

@@ -7,10 +7,10 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
+      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground, tokens.controlIconButtonColor, tokens.controlIconButtonBackgroundColor, tokens.controlIconButtonColorHover, tokens.controlIconButtonBackgroundColorHover, tokens.controlIconButtonColorActive, tokens.controlIconButtonBackgroundColorActive)
     },
     size: {
-      s: /*#__PURE__*/css([""])
+      s: /*#__PURE__*/css(["", ":100%;"], tokens.controlIconButtonRadius)
     }
   }
 };

package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx

@@ -91,7 +91,6 @@ const StyledCard = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
-    position: relative;
     border-radius: 8px;
     width: 400px;
     height: 370px;

package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js

@@ -7,10 +7,10 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
+      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground, tokens.controlIconButtonColor, tokens.controlIconButtonBackgroundColor, tokens.controlIconButtonColorHover, tokens.controlIconButtonBackgroundColorHover, tokens.controlIconButtonColorActive, tokens.controlIconButtonBackgroundColorActive)
     },
     size: {
-      s: /*#__PURE__*/css([""])
+      s: /*#__PURE__*/css(["", ":100%;"], tokens.controlIconButtonRadius)
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx

@@ -91,7 +91,6 @@ const StyledCard = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
-    position: relative;
     border-radius: 8px;
     width: 400px;
     height: 370px;

package/types/components/Carousel/CarouselNew/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FA6E5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA/EQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAgGhF,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FAqE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAvEQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAwFhF,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIrE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAE3D,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAmB3B,CAAC;AAEF,eAAO,MAAM,aAAa;SAAqB,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;EAStF,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC"}
+{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIrE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAE3D,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAmB3B,CAAC;AAEF,eAAO,MAAM,aAAa;SAAqB,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;EAStF,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAuBtB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts

@@ -14,5 +14,12 @@ export declare const classes: {
 export declare const tokens: {
     paginationDotBackground: string;
     paginationDotActiveBackground: string;
+    controlIconButtonRadius: string;
+    controlIconButtonColor: string;
+    controlIconButtonBackgroundColor: string;
+    controlIconButtonColorHover: string;
+    controlIconButtonBackgroundColorHover: string;
+    controlIconButtonColorActive: string;
+    controlIconButtonBackgroundColorActive: string;
 };
 //# sourceMappingURL=Carousel.tokens.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
+{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAC"}