@trafilea/afrodita-components 5.0.0-beta.258 → 5.0.0-beta.260

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 (5) hide show
  1. package/build/index.d.ts +4 -4
  2. package/build/index.esm.js +5 -5
  3. package/build/index.js +5 -5
  4. package/build/theme/shapermint.theme.js +14 -9
  5. package/package.json +1 -1
package/build/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React, { ReactFragment, FC, ReactNode, ElementType, CSSProperties, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
2
3
  import { IconProps as IconProps$1 } from 'src/types/types';
3
- import React, { FC, ReactNode, ElementType, CSSProperties, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
4
4
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
5
5
  import * as _emotion_styled from '@emotion/styled';
6
6
  import { StyledComponent } from '@emotion/styled';
@@ -77,7 +77,7 @@ declare type ColorPickerOption = {
77
77
  };
78
78
  declare type RadioGroupOption = {
79
79
  value: string;
80
- label: string;
80
+ label: string | ReactFragment;
81
81
  };
82
82
  declare type ImageType = {
83
83
  key: string;
@@ -1962,7 +1962,7 @@ interface RadioProps$1 {
1962
1962
  name: string;
1963
1963
  value: string;
1964
1964
  id: string;
1965
- label: string;
1965
+ label: string | ReactFragment;
1966
1966
  size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
1967
1967
  checked?: boolean;
1968
1968
  disabled?: boolean;
@@ -2591,7 +2591,7 @@ interface RadioProps {
2591
2591
  name: string;
2592
2592
  value: string;
2593
2593
  id: string;
2594
- label: string;
2594
+ label: string | ReactFragment;
2595
2595
  size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2596
2596
  checked?: boolean;
2597
2597
  disabled?: boolean;
package/build/index.esm.js CHANGED
@@ -12495,7 +12495,7 @@ var CustomRadio = newStyled.div(function (props) { return [
12495
12495
  CustomRadioStyles.baseStyles(props.theme, props.disabled, props.isChecked),
12496
12496
  CustomRadioStyles[props.size](props.theme, props.isChecked),
12497
12497
  ]; });
12498
- var StyledLabel$1 = newStyled(Label$4)(templateObject_3$D || (templateObject_3$D = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", " !important;\n &[aria-checked='true'] {\n color: var(--colors-pallete-wine-color);\n }\n"], ["\n font-size: ", ";\n line-height: ", " !important;\n &[aria-checked='true'] {\n color: var(--colors-pallete-wine-color);\n }\n"])), function (_a) {
12498
+ var StyledLabel$1 = newStyled(Label$4)(templateObject_3$D || (templateObject_3$D = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", " !important;\n"], ["\n font-size: ", ";\n line-height: ", " !important;\n"])), function (_a) {
12499
12499
  var theme = _a.theme;
12500
12500
  return theme.component.radio.textSize;
12501
12501
  }, function (_a) {
@@ -12994,9 +12994,9 @@ var templateObject_1$U, templateObject_2$D, templateObject_3$x, templateObject_4
12994
12994
 
12995
12995
  var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"], ["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"])), function (props) { return props.color; }, function (_a) {
12996
12996
  var theme = _a.theme;
12997
- return "\n font-size: ".concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n ");
12997
+ return "\n font-size: ".concat(theme.component.deliveryDetails.title.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.title.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.title.fontWeight, ";\n ");
12998
12998
  });
12999
- var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
12999
+ var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 1.25rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 1.25rem 0;\n"])), function (props) { return props.backgroundColor; });
13000
13000
  var Row$1 = newStyled.div(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"], ["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"])), mediaQueries({
13001
13001
  flexDirection: ['column', 'row'],
13002
13002
  }));
@@ -13123,8 +13123,8 @@ var Title$4 = newStyled.h2(function (_a) {
13123
13123
  var color = _a.color;
13124
13124
  return ({
13125
13125
  fontWeight: 600,
13126
- fontSize: '0.875rem',
13127
- lineHeight: '1.375rem',
13126
+ fontSize: '1rem',
13127
+ lineHeight: '1.5rem',
13128
13128
  color: color,
13129
13129
  margin: '0.063rem 0',
13130
13130
  });
package/build/index.js CHANGED
@@ -12521,7 +12521,7 @@ var CustomRadio = newStyled.div(function (props) { return [
12521
12521
  CustomRadioStyles.baseStyles(props.theme, props.disabled, props.isChecked),
12522
12522
  CustomRadioStyles[props.size](props.theme, props.isChecked),
12523
12523
  ]; });
12524
- var StyledLabel$1 = newStyled(Label$4)(templateObject_3$D || (templateObject_3$D = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", " !important;\n &[aria-checked='true'] {\n color: var(--colors-pallete-wine-color);\n }\n"], ["\n font-size: ", ";\n line-height: ", " !important;\n &[aria-checked='true'] {\n color: var(--colors-pallete-wine-color);\n }\n"])), function (_a) {
12524
+ var StyledLabel$1 = newStyled(Label$4)(templateObject_3$D || (templateObject_3$D = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", " !important;\n"], ["\n font-size: ", ";\n line-height: ", " !important;\n"])), function (_a) {
12525
12525
  var theme = _a.theme;
12526
12526
  return theme.component.radio.textSize;
12527
12527
  }, function (_a) {
@@ -13020,9 +13020,9 @@ var templateObject_1$U, templateObject_2$D, templateObject_3$x, templateObject_4
13020
13020
 
13021
13021
  var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"], ["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"])), function (props) { return props.color; }, function (_a) {
13022
13022
  var theme = _a.theme;
13023
- return "\n font-size: ".concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n ");
13023
+ return "\n font-size: ".concat(theme.component.deliveryDetails.title.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.title.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.title.fontWeight, ";\n ");
13024
13024
  });
13025
- var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
13025
+ var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 1.25rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 1.25rem 0;\n"])), function (props) { return props.backgroundColor; });
13026
13026
  var Row$1 = newStyled.div(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"], ["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"])), mediaQueries({
13027
13027
  flexDirection: ['column', 'row'],
13028
13028
  }));
@@ -13149,8 +13149,8 @@ var Title$4 = newStyled.h2(function (_a) {
13149
13149
  var color = _a.color;
13150
13150
  return ({
13151
13151
  fontWeight: 600,
13152
- fontSize: '0.875rem',
13153
- lineHeight: '1.375rem',
13152
+ fontSize: '1rem',
13153
+ lineHeight: '1.5rem',
13154
13154
  color: color,
13155
13155
  margin: '0.063rem 0',
13156
13156
  });
package/build/theme/shapermint.theme.js CHANGED
@@ -659,7 +659,7 @@ var shapermint = {
659
659
  backgroundColor: '--colors-shades-5-color',
660
660
  padding: '',
661
661
  borderRadius: '',
662
- maxWidth: '460px',
662
+ maxWidth: '453px',
663
663
  onMobile: {
664
664
  maxWidth: '100%',
665
665
  padding: '15px',
@@ -687,14 +687,14 @@ var shapermint = {
687
687
  },
688
688
  deliveryDetails: {
689
689
  title: {
690
- fontSize: '1.25rem',
691
- lineHeight: '1.75rem',
692
- fontWeight: 600,
690
+ fontSize: '1rem',
691
+ lineHeight: '1.5rem',
692
+ fontWeight: 700,
693
693
  },
694
694
  sectionTitle: {
695
- fontSize: '1rem',
696
- lineHeight: '1.25rem',
697
- fontWeight: 600,
695
+ fontSize: '0.875rem',
696
+ lineHeight: '1.375rem',
697
+ fontWeight: 700,
698
698
  },
699
699
  note: {
700
700
  accentColor: '--colors-semantic-urgent-color',
@@ -702,8 +702,8 @@ var shapermint = {
702
702
  backgroundColor: '--colors-pallete-primary-20-color',
703
703
  },
704
704
  sectionDetails: {
705
- fontSize: '1rem',
706
- lineHeight: '1.25rem',
705
+ fontSize: '0.875rem',
706
+ lineHeight: '1.375rem',
707
707
  fontWeight: 400,
708
708
  },
709
709
  },
@@ -964,6 +964,11 @@ var shapermint = {
964
964
  width: '210',
965
965
  height: '40',
966
966
  },
967
+ tyLogo: {
968
+ url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/shapermint/shapermint_logo_black.svg',
969
+ width: '192',
970
+ height: '36',
971
+ },
967
972
  },
968
973
  },
969
974
  };
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "5.0.0-beta.258",
6
+ "version": "5.0.0-beta.260",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",