@faststore/ui 2.0.91-alpha.0 → 2.0.93-alpha.0

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 (7) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/components/organisms/ShippingSimulation/styles.scss +67 -0
  6. package/src/index.ts +1 -1
  7. package/src/styles/components.scss +1 -0
package/dist/index.d.ts CHANGED
@@ -13,7 +13,7 @@ export { default as Banner, BannerContent, BannerImage, BannerLink, } from './co
13
13
  export type { BannerProps, BannerContentProps, BannerImageProps, BannerLinkProps, } from './components/molecules/Banner';
14
14
  export { default as Form } from './components/molecules/Form';
15
15
  export type { FormProps } from './components/molecules/Form';
16
- export { Tiles, Tile } from './components/organisms/Tiles';
16
+ export { Tile, Tiles } from './components/organisms/Tiles';
17
17
  export type { TilesProps, TileProps } from './components/organisms/Tiles';
18
18
  export { default as useSlider } from './hooks/useSlider';
19
19
  export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';
package/dist/index.js CHANGED
@@ -9,7 +9,7 @@ export { default as Carousel } from './components/molecules/Carousel';
9
9
  export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
10
10
  export { default as Form } from './components/molecules/Form';
11
11
  // Organisms
12
- export { Tiles, Tile } from './components/organisms/Tiles';
12
+ export { Tile, Tiles } from './components/organisms/Tiles';
13
13
  // Hooks
14
14
  export { default as useSlider } from './hooks/useSlider';
15
15
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AAEZ,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAG7E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAA;AAQtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAG7D,YAAY;AACZ,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAG1D,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AAEZ,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAG7E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAA;AAQtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAG7D,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AAG1D,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@faststore/ui",
3
- "version": "2.0.91-alpha.0",
3
+ "version": "2.0.93-alpha.0",
4
4
  "description": "A lightweight, framework agnostic component library for React",
5
5
  "author": "emersonlaurentino",
6
6
  "license": "MIT",
@@ -58,5 +58,5 @@
58
58
  "node": "16.18.0",
59
59
  "yarn": "1.19.1"
60
60
  },
61
- "gitHead": "837e0d4445c0366c8f99750eed611091e5d68933"
61
+ "gitHead": "641fafa52d0c7d74024438f784f0ca3f61426df9"
62
62
  }
package/src/components/organisms/ShippingSimulation/styles.scss ADDED
@@ -0,0 +1,67 @@
1
+ [data-fs-shipping-simulation] {
2
+ // --------------------------------------------------------
3
+ // Design Tokens for Shipping Simulation
4
+ // --------------------------------------------------------
5
+
6
+ // Default properties
7
+ --fs-shipping-simulation-text-size : var(--fs-text-size-legend);
8
+
9
+ // Title
10
+ --fs-shipping-simulation-title-padding-bottom : var(--fs-spacing-2);
11
+ --fs-shipping-simulation-title-font-size : var(--fs-text-size-3);
12
+ --fs-shipping-simulation-title-font-weight : var(--fs-text-weight-bold);
13
+ --fs-shipping-simulation-title-line-height : 1.2;
14
+
15
+ // Link
16
+ --fs-shipping-simulation-link-padding-top : var(--fs-spacing-1);
17
+
18
+ // Header
19
+ --fs-shipping-simulation-header-padding-top : var(--fs-spacing-3);
20
+
21
+ // Subtitle
22
+ --fs-shipping-simulation-subtitle-size : var(--fs-text-size-2);
23
+ --fs-shipping-simulation-subtitle-weight : var(--fs-text-weight-bold);
24
+ --fs-shipping-simulation-subtitle-line-height : 1.5;
25
+
26
+ // Location
27
+ --fs-shipping-simulation-location-padding-bottom : var(--fs-spacing-2);
28
+ --fs-shipping-simulation-location-font-size : var(--fs-text-size-2);
29
+ --fs-shipping-simulation-location-line-height : 1.5;
30
+
31
+ // --------------------------------------------------------
32
+ // Structural Styles
33
+ // --------------------------------------------------------
34
+
35
+ [data-fs-shipping-simulation-title] {
36
+ padding-bottom: var(--fs-shipping-simulation-title-padding-bottom);
37
+ font-size: var(--fs-shipping-simulation-title-font-size);
38
+ font-weight: var(--fs-shipping-simulation-title-font-weight);
39
+ line-height: var(--fs-shipping-simulation-title-line-height);
40
+ }
41
+
42
+ [data-fs-shipping-simulation-link] {
43
+ display: flex;
44
+ align-items: center;
45
+ padding-top: var(--fs-shipping-simulation-link-padding-top);
46
+
47
+ svg {
48
+ margin-left: var(--fs-spacing-0);
49
+ }
50
+ }
51
+
52
+ [data-fs-shipping-simulation-header] {
53
+ padding-top: var(--fs-shipping-simulation-header-padding-top);
54
+ }
55
+
56
+ [data-fs-shipping-simulation-subtitle] {
57
+ font-size: var(--fs-shipping-simulation-subtitle-size);
58
+ font-weight: var(--fs-shipping-simulation-subtitle-weight);
59
+ line-height: var(--fs-shipping-simulation-subtitle-line-height);
60
+ }
61
+
62
+ [data-fs-shipping-simulation-location] {
63
+ padding-bottom: var(--fs-shipping-simulation-location-padding-bottom);
64
+ font-size: var(--fs-shipping-simulation-location-font-size);
65
+ line-height: var(--fs-shipping-simulation-location-line-height);
66
+ }
67
+ }
package/src/index.ts CHANGED
@@ -35,7 +35,7 @@ export { default as Form } from './components/molecules/Form'
35
35
  export type { FormProps } from './components/molecules/Form'
36
36
 
37
37
  // Organisms
38
- export { Tiles, Tile } from './components/organisms/Tiles'
38
+ export { Tile, Tiles } from './components/organisms/Tiles'
39
39
  export type { TilesProps, TileProps } from './components/organisms/Tiles'
40
40
 
41
41
  // Hooks
package/src/styles/components.scss CHANGED
@@ -55,4 +55,5 @@
55
55
  @import "../components/organisms/PaymentMethods/styles";
56
56
  @import "../components/organisms/PriceRange/styles";
57
57
  @import "../components/organisms/SearchInput/styles";
58
+ @import "../components/organisms/ShippingSimulation/styles";
58
59
  @import "../components/organisms/SlideOver/styles";