@gem-sdk/core 12.0.0-staging.10 → 12.0.0-staging.15

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 (2) hide show
  1. package/dist/types/index.d.ts +66 -2
  2. package/package.json +2 -2
package/dist/types/index.d.ts CHANGED
@@ -34168,6 +34168,8 @@ type ImageShape$1 = {
34168
34168
  };
34169
34169
  type SizeSettingGlobal = {
34170
34170
  shape?: 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
34171
+ shapeVideo?: string;
34172
+ enableVideoShape?: boolean;
34171
34173
  shapeLinked?: boolean;
34172
34174
  disableShapeLinked?: boolean;
34173
34175
  shapeValue?: string;
@@ -36536,6 +36538,11 @@ type Background = {
36536
36538
  videoType?: 'youtube' | 'html5';
36537
36539
  loop?: boolean;
36538
36540
  lazyLoad?: boolean;
36541
+ videoCustomRatio?: {
36542
+ width?: string | number;
36543
+ height?: string | number;
36544
+ };
36545
+ videoAlign?: 'top' | 'center' | 'bottom';
36539
36546
  };
36540
36547
  type BgSize = 'cover' | 'contain' | '100% 100%';
36541
36548
  type BgRepeat$2 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
@@ -36858,10 +36865,10 @@ type GridArrange<T> = SharedControlType<T> & {
36858
36865
  readonly?: boolean;
36859
36866
  };
36860
36867
 
36861
- type SettingID = 'shape' | 'width' | 'height' | 'gap' | 'padding' | 'proportion';
36868
+ type SettingID = 'shape' | 'width' | 'height' | 'gap' | 'padding' | 'proportion' | 'shapeVideo';
36862
36869
  type ShapeOptionKeyword = 'original' | 'square' | 'vertical' | 'horizontal' | 'custom';
36863
36870
  type HeightOptionKeyword = 'fit-content' | 'fit-screen';
36864
- type OptionKeyword = 'default' | 'auto' | 'full' | 'equal' | 'small' | 'medium' | 'large' | HeightOptionKeyword | ShapeOptionKeyword | string;
36871
+ type OptionKeyword = 'default' | 'auto' | 'full' | 'equal' | 'small' | 'medium' | 'large' | '1/1' | '16/9' | '21/9' | '3/2' | '4/3' | '3/4' | '9/16' | '2/3' | HeightOptionKeyword | ShapeOptionKeyword | string;
36865
36872
  type PaddingOptions = 'small' | 'medium' | 'large' | 'custom';
36866
36873
  type ShapeOptions = 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
36867
36874
  type ShapeConfig = Partial<Record<ShapeOptions, string>>;
@@ -36872,6 +36879,7 @@ type PaddingConfig = Partial<Record<PaddingOptions, {
36872
36879
  type SettingConfig = {
36873
36880
  sizeConfig?: Partial<Record<'small' | 'medium' | 'large' | 'full', string>>;
36874
36881
  displayOptions?: OptionKeyword[];
36882
+ displayVideoOptions?: OptionKeyword[];
36875
36883
  paddingConfig?: PaddingConfig;
36876
36884
  shapeConfig?: ShapeConfig;
36877
36885
  shapeTitleConfig?: ShapeConfig;
@@ -37303,6 +37311,7 @@ type BackgroundMediaControlType<T> = SharedControlType<T> & {
37303
37311
  type: 'background-media';
37304
37312
  value?: BackgroundMedia;
37305
37313
  showVideo?: boolean;
37314
+ showRatioVideo?: boolean;
37306
37315
  showDeviceControl?: boolean;
37307
37316
  hideImage?: boolean;
37308
37317
  };
@@ -37329,6 +37338,7 @@ type BackgroundMedia = {
37329
37338
  loop?: boolean;
37330
37339
  lazyLoad?: boolean;
37331
37340
  preload?: boolean;
37341
+ videoAlign?: 'top' | 'center' | 'bottom';
37332
37342
  fallbackVideo?: Record<string, any> | undefined;
37333
37343
  fallbackImage?: FallbackImageProps | undefined;
37334
37344
  };
@@ -38377,6 +38387,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
38377
38387
  '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
38378
38388
  '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
38379
38389
  '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
38390
+ '--objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
38391
+ '--hvr-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
38392
+ '--focus-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
38393
+ '--objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
38394
+ '--hvr-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
38395
+ '--focus-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
38396
+ '--objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
38397
+ '--hvr-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
38398
+ '--focus-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
38380
38399
  '--op'?: csstype.Property.Opacity | undefined;
38381
38400
  '--hvr-op'?: csstype.Property.Opacity | undefined;
38382
38401
  '--focus-op'?: csstype.Property.Opacity | undefined;
@@ -40015,6 +40034,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
40015
40034
  '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
40016
40035
  '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
40017
40036
  '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
40037
+ '--objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
40038
+ '--hvr-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
40039
+ '--focus-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
40040
+ '--objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
40041
+ '--hvr-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
40042
+ '--focus-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
40043
+ '--objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
40044
+ '--hvr-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
40045
+ '--focus-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
40018
40046
  '--op'?: csstype.Property.Opacity | undefined;
40019
40047
  '--hvr-op'?: csstype.Property.Opacity | undefined;
40020
40048
  '--focus-op'?: csstype.Property.Opacity | undefined;
@@ -41654,6 +41682,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
41654
41682
  '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
41655
41683
  '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
41656
41684
  '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
41685
+ '--objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
41686
+ '--hvr-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
41687
+ '--focus-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
41688
+ '--objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
41689
+ '--hvr-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
41690
+ '--focus-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
41691
+ '--objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
41692
+ '--hvr-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
41693
+ '--focus-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
41657
41694
  '--op'?: csstype.Property.Opacity | undefined;
41658
41695
  '--hvr-op'?: csstype.Property.Opacity | undefined;
41659
41696
  '--focus-op'?: csstype.Property.Opacity | undefined;
@@ -43398,6 +43435,15 @@ declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowSt
43398
43435
  '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
43399
43436
  '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
43400
43437
  '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
43438
+ '--objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
43439
+ '--hvr-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
43440
+ '--focus-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
43441
+ '--objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
43442
+ '--hvr-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
43443
+ '--focus-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
43444
+ '--objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
43445
+ '--hvr-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
43446
+ '--focus-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
43401
43447
  '--op'?: csstype.Property.Opacity | undefined;
43402
43448
  '--hvr-op'?: csstype.Property.Opacity | undefined;
43403
43449
  '--focus-op'?: csstype.Property.Opacity | undefined;
@@ -45039,6 +45085,15 @@ declare const composeShadow: (shadowInput?: ObjectDevices<StateProp<ShadowProps>
45039
45085
  '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
45040
45086
  '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
45041
45087
  '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
45088
+ '--objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
45089
+ '--hvr-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
45090
+ '--focus-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
45091
+ '--objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
45092
+ '--hvr-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
45093
+ '--focus-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
45094
+ '--objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
45095
+ '--hvr-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
45096
+ '--focus-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
45042
45097
  '--op'?: csstype.Property.Opacity | undefined;
45043
45098
  '--hvr-op'?: csstype.Property.Opacity | undefined;
45044
45099
  '--focus-op'?: csstype.Property.Opacity | undefined;
@@ -46735,6 +46790,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
46735
46790
  '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
46736
46791
  '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
46737
46792
  '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
46793
+ '--objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
46794
+ '--hvr-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
46795
+ '--focus-objp'?: csstype.Property.ObjectPosition<string | number> | undefined;
46796
+ '--objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
46797
+ '--hvr-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
46798
+ '--focus-objp-tablet'?: csstype.Property.ObjectPosition<string | number> | undefined;
46799
+ '--objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
46800
+ '--hvr-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
46801
+ '--focus-objp-mobile'?: csstype.Property.ObjectPosition<string | number> | undefined;
46738
46802
  '--op'?: csstype.Property.Opacity | undefined;
46739
46803
  '--hvr-op'?: csstype.Property.Opacity | undefined;
46740
46804
  '--focus-op'?: csstype.Property.Opacity | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "12.0.0-staging.10",
3
+ "version": "12.0.0-staging.15",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "devDependencies": {
30
30
  "@gem-sdk/adapter-shopify": "12.0.0-staging.0",
31
- "@gem-sdk/styles": "12.0.0-staging.0",
31
+ "@gem-sdk/styles": "12.0.0-staging.15",
32
32
  "@types/classnames": "^2.3.1"
33
33
  },
34
34
  "dependencies": {