@frontify/fondue 12.0.0-beta.412 → 12.0.0-beta.413

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.
@@ -62,7 +62,7 @@ const y = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40], A = {
62
62
  32: "tw-mx-8",
63
63
  36: "tw-mx-9",
64
64
  40: "tw-mx-10"
65
- }, n = {
65
+ }, m = {
66
66
  0: "tw-my-0",
67
67
  4: "tw-my-1",
68
68
  8: "tw-my-2",
@@ -78,7 +78,7 @@ const y = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40], A = {
78
78
  MARGIN: "margin",
79
79
  MARGIN_X: "margin-x",
80
80
  MARGIN_Y: "margin-y"
81
- }, m = {
81
+ }, n = {
82
82
  0: "tw-gap-0",
83
83
  1: "tw-gap-px",
84
84
  4: "tw-gap-1",
@@ -154,7 +154,7 @@ const y = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40], A = {
154
154
  GAP: "gap",
155
155
  GAP_X: "gap-x",
156
156
  GAP_Y: "gap-y"
157
- }, w = (p, t) => y.includes(t) ? p[t] : p[0], c = (p, t) => {
157
+ }, w = (p, t) => y.includes(t) ? p[t] : "", c = (p, t) => {
158
158
  if (t)
159
159
  switch (p) {
160
160
  case a.PADDING_X:
@@ -173,7 +173,7 @@ const y = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40], A = {
173
173
  case g.MARGIN_X:
174
174
  return w(_, t);
175
175
  case g.MARGIN_Y:
176
- return w(n, t);
176
+ return w(m, t);
177
177
  case g.MARGIN:
178
178
  return w(s, t);
179
179
  default:
@@ -188,7 +188,7 @@ const y = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40], A = {
188
188
  case x.GAP_Y:
189
189
  return w(P, t);
190
190
  case x.GAP:
191
- return w(m, t);
191
+ return w(n, t);
192
192
  default:
193
193
  return "";
194
194
  }
@@ -196,7 +196,7 @@ const y = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40], A = {
196
196
  };
197
197
  export {
198
198
  x as GAP_DIRECTIONS,
199
- m as GAP_MAPPING,
199
+ n as GAP_MAPPING,
200
200
  r as GAP_X_MAPPING,
201
201
  P as GAP_Y_MAPPING,
202
202
  N as GetGapClassName,
@@ -205,7 +205,7 @@ export {
205
205
  g as MARGIN_DIRECTIONS,
206
206
  s as MARGIN_VALUES_MAP,
207
207
  _ as MARGIN_X_VALUES_MAP,
208
- n as MARGIN_Y_VALUES_MAP,
208
+ m as MARGIN_Y_VALUES_MAP,
209
209
  a as PADDING_DIRECTIONS,
210
210
  A as PADDING_VALUES_MAP,
211
211
  e as PADDING_X_VALUES_MAP,
@@ -1 +1 @@
1
- {"version":3,"file":"dimensions.es.js","sources":["../../../src/utilities/dimensions.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\ntype SpacingMapType = Record<SpacingValue, string>;\ntype GapDirectionKey = 'GAP' | 'GAP_X' | 'GAP_Y';\ntype GapDirection = 'gap' | 'gap-x' | 'gap-y';\ntype PaddingDirectionKey = 'PADDING' | 'PADDING_X' | 'PADDING_Y';\ntype PaddingDirection = 'padding' | 'padding-x' | 'padding-y';\ntype MarginDirectionKey = 'MARGIN' | 'MARGIN_X' | 'MARGIN_Y';\ntype MarginDirection = 'margin' | 'margin-x' | 'margin-y';\n\nexport type SpacingValue = 0 | 4 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40;\nexport type DimensionUnity = '%' | 'px' | 'rem' | 'em' | 'vh' | 'vw';\n\nexport const SPACING_VALUES: SpacingValue[] = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40];\nexport const PADDING_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-p-0',\n 4: 'tw-p-1',\n 8: 'tw-p-2',\n 12: 'tw-p-3',\n 16: 'tw-p-4',\n 20: 'tw-p-5',\n 24: 'tw-p-6',\n 28: 'tw-p-7',\n 32: 'tw-p-8',\n 36: 'tw-p-9',\n 40: 'tw-p-10',\n};\n\nexport const PADDING_X_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-px-0',\n 4: 'tw-px-1',\n 8: 'tw-px-2',\n 12: 'tw-px-3',\n 16: 'tw-px-4',\n 20: 'tw-px-5',\n 24: 'tw-px-6',\n 28: 'tw-px-7',\n 32: 'tw-px-8',\n 36: 'tw-px-9',\n 40: 'tw-px-10',\n};\n\nexport const PADDING_Y_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-py-0',\n 4: 'tw-py-1',\n 8: 'tw-py-2',\n 12: 'tw-py-3',\n 16: 'tw-py-4',\n 20: 'tw-py-5',\n 24: 'tw-py-6',\n 28: 'tw-py-7',\n 32: 'tw-py-8',\n 36: 'tw-py-9',\n 40: 'tw-py-10',\n};\n\nexport const PADDING_DIRECTIONS: Record<PaddingDirectionKey, PaddingDirection> = {\n PADDING: 'padding',\n PADDING_X: 'padding-x',\n PADDING_Y: 'padding-y',\n};\n\nexport const MARGIN_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-m-0',\n 4: 'tw-m-1',\n 8: 'tw-m-2',\n 12: 'tw-m-3',\n 16: 'tw-m-4',\n 20: 'tw-m-5',\n 24: 'tw-m-6',\n 28: 'tw-m-7',\n 32: 'tw-m-8',\n 36: 'tw-m-9',\n 40: 'tw-m-10',\n};\n\nexport const MARGIN_X_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-mx-0',\n 4: 'tw-mx-1',\n 8: 'tw-mx-2',\n 12: 'tw-mx-3',\n 16: 'tw-mx-4',\n 20: 'tw-mx-5',\n 24: 'tw-mx-6',\n 28: 'tw-mx-7',\n 32: 'tw-mx-8',\n 36: 'tw-mx-9',\n 40: 'tw-mx-10',\n};\n\nexport const MARGIN_Y_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-my-0',\n 4: 'tw-my-1',\n 8: 'tw-my-2',\n 12: 'tw-my-3',\n 16: 'tw-my-4',\n 20: 'tw-my-5',\n 24: 'tw-my-6',\n 28: 'tw-my-7',\n 32: 'tw-my-8',\n 36: 'tw-my-9',\n 40: 'tw-my-10',\n};\n\nexport const MARGIN_DIRECTIONS: Record<MarginDirectionKey, MarginDirection> = {\n MARGIN: 'margin',\n MARGIN_X: 'margin-x',\n MARGIN_Y: 'margin-y',\n};\n\nexport const GAP_MAPPING = {\n 0: 'tw-gap-0',\n 1: 'tw-gap-px',\n 4: 'tw-gap-1',\n 8: 'tw-gap-2',\n 12: 'tw-gap-3',\n 16: 'tw-gap-4',\n 20: 'tw-gap-5',\n 24: 'tw-gap-6',\n 28: 'tw-gap-7',\n 32: 'tw-gap-8',\n 36: 'tw-gap-9',\n 40: 'tw-gap-10',\n 44: 'tw-gap-11',\n 48: 'tw-gap-12',\n 52: 'tw-gap-13',\n 56: 'tw-gap-14',\n 60: 'tw-gap-15',\n 64: 'tw-gap-16',\n 68: 'tw-gap-17',\n 72: 'tw-gap-18',\n 76: 'tw-gap-19',\n 80: 'tw-gap-20',\n 84: 'tw-gap-21',\n};\n\nexport const GAP_X_MAPPING = {\n 0: 'tw-gap-x-0',\n 1: 'tw-gap-x-px',\n 4: 'tw-gap-x-1',\n 8: 'tw-gap-x-2',\n 12: 'tw-gap-x-3',\n 16: 'tw-gap-x-4',\n 20: 'tw-gap-x-5',\n 24: 'tw-gap-x-6',\n 28: 'tw-gap-x-7',\n 32: 'tw-gap-x-8',\n 36: 'tw-gap-x-9',\n 40: 'tw-gap-x-10',\n 44: 'tw-gap-x-11',\n 48: 'tw-gap-x-12',\n 52: 'tw-gap-x-13',\n 56: 'tw-gap-x-14',\n 60: 'tw-gap-x-15',\n 64: 'tw-gap-x-16',\n 68: 'tw-gap-x-17',\n 72: 'tw-gap-x-18',\n 76: 'tw-gap-x-19',\n 80: 'tw-gap-x-20',\n 84: 'tw-gap-x-21',\n};\n\nexport const GAP_Y_MAPPING = {\n 0: 'tw-gap-y-0',\n 1: 'tw-gap-y-px',\n 4: 'tw-gap-y-1',\n 8: 'tw-gap-y-2',\n 12: 'tw-gap-y-3',\n 16: 'tw-gap-y-4',\n 20: 'tw-gap-y-5',\n 24: 'tw-gap-y-6',\n 28: 'tw-gap-y-7',\n 32: 'tw-gap-y-8',\n 36: 'tw-gap-y-9',\n 40: 'tw-gap-y-10',\n 44: 'tw-gap-y-11',\n 48: 'tw-gap-y-12',\n 52: 'tw-gap-y-13',\n 56: 'tw-gap-y-14',\n 60: 'tw-gap-y-15',\n 64: 'tw-gap-y-16',\n 68: 'tw-gap-y-17',\n 72: 'tw-gap-y-18',\n 76: 'tw-gap-y-19',\n 80: 'tw-gap-y-20',\n 84: 'tw-gap-y-21',\n};\n\nexport const GAP_DIRECTIONS: Record<GapDirectionKey, GapDirection> = {\n GAP: 'gap',\n GAP_X: 'gap-x',\n GAP_Y: 'gap-y',\n};\n\nconst getMappedSpacingValue = (map: SpacingMapType, spacingValue: SpacingValue) => {\n return SPACING_VALUES.includes(spacingValue) ? map[spacingValue] : map[0];\n};\n\nexport const GetPaddingClassNames = (direction: PaddingDirection, padding?: SpacingValue): string => {\n if (padding) {\n switch (direction) {\n case PADDING_DIRECTIONS.PADDING_X:\n return getMappedSpacingValue(PADDING_X_VALUES_MAP, padding);\n case PADDING_DIRECTIONS.PADDING_Y:\n return getMappedSpacingValue(PADDING_Y_VALUES_MAP, padding);\n case PADDING_DIRECTIONS.PADDING:\n return getMappedSpacingValue(PADDING_VALUES_MAP, padding);\n default:\n return '';\n }\n }\n return '';\n};\n\nexport const GetMarginClassNames = (direction: MarginDirection, margin?: SpacingValue): string => {\n if (margin) {\n switch (direction) {\n case MARGIN_DIRECTIONS.MARGIN_X:\n return getMappedSpacingValue(MARGIN_X_VALUES_MAP, margin);\n case MARGIN_DIRECTIONS.MARGIN_Y:\n return getMappedSpacingValue(MARGIN_Y_VALUES_MAP, margin);\n case MARGIN_DIRECTIONS.MARGIN:\n return getMappedSpacingValue(MARGIN_VALUES_MAP, margin);\n default:\n return '';\n }\n }\n return '';\n};\n\nexport const GetGapClassName = (direction: GapDirection, gap?: SpacingValue): string => {\n if (gap) {\n switch (direction) {\n case GAP_DIRECTIONS.GAP_X:\n return getMappedSpacingValue(GAP_X_MAPPING, gap);\n case GAP_DIRECTIONS.GAP_Y:\n return getMappedSpacingValue(GAP_Y_MAPPING, gap);\n case GAP_DIRECTIONS.GAP:\n return getMappedSpacingValue(GAP_MAPPING, gap);\n default:\n return '';\n }\n }\n return '';\n};\n"],"names":["SPACING_VALUES","PADDING_VALUES_MAP","PADDING_X_VALUES_MAP","PADDING_Y_VALUES_MAP","PADDING_DIRECTIONS","MARGIN_VALUES_MAP","MARGIN_X_VALUES_MAP","MARGIN_Y_VALUES_MAP","MARGIN_DIRECTIONS","GAP_MAPPING","GAP_X_MAPPING","GAP_Y_MAPPING","GAP_DIRECTIONS","getMappedSpacingValue","map","spacingValue","GetPaddingClassNames","direction","padding","GetMarginClassNames","margin","GetGapClassName","gap"],"mappings":"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"}
1
+ {"version":3,"file":"dimensions.es.js","sources":["../../../src/utilities/dimensions.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\ntype SpacingMapType = Record<SpacingValue, string>;\ntype GapDirectionKey = 'GAP' | 'GAP_X' | 'GAP_Y';\ntype GapDirection = 'gap' | 'gap-x' | 'gap-y';\ntype PaddingDirectionKey = 'PADDING' | 'PADDING_X' | 'PADDING_Y';\ntype PaddingDirection = 'padding' | 'padding-x' | 'padding-y';\ntype MarginDirectionKey = 'MARGIN' | 'MARGIN_X' | 'MARGIN_Y';\ntype MarginDirection = 'margin' | 'margin-x' | 'margin-y';\n\nexport type SpacingValue = 0 | 4 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40;\nexport type DimensionUnity = '%' | 'px' | 'rem' | 'em' | 'vh' | 'vw';\n\nexport const SPACING_VALUES: SpacingValue[] = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40];\nexport const PADDING_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-p-0',\n 4: 'tw-p-1',\n 8: 'tw-p-2',\n 12: 'tw-p-3',\n 16: 'tw-p-4',\n 20: 'tw-p-5',\n 24: 'tw-p-6',\n 28: 'tw-p-7',\n 32: 'tw-p-8',\n 36: 'tw-p-9',\n 40: 'tw-p-10',\n};\n\nexport const PADDING_X_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-px-0',\n 4: 'tw-px-1',\n 8: 'tw-px-2',\n 12: 'tw-px-3',\n 16: 'tw-px-4',\n 20: 'tw-px-5',\n 24: 'tw-px-6',\n 28: 'tw-px-7',\n 32: 'tw-px-8',\n 36: 'tw-px-9',\n 40: 'tw-px-10',\n};\n\nexport const PADDING_Y_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-py-0',\n 4: 'tw-py-1',\n 8: 'tw-py-2',\n 12: 'tw-py-3',\n 16: 'tw-py-4',\n 20: 'tw-py-5',\n 24: 'tw-py-6',\n 28: 'tw-py-7',\n 32: 'tw-py-8',\n 36: 'tw-py-9',\n 40: 'tw-py-10',\n};\n\nexport const PADDING_DIRECTIONS: Record<PaddingDirectionKey, PaddingDirection> = {\n PADDING: 'padding',\n PADDING_X: 'padding-x',\n PADDING_Y: 'padding-y',\n};\n\nexport const MARGIN_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-m-0',\n 4: 'tw-m-1',\n 8: 'tw-m-2',\n 12: 'tw-m-3',\n 16: 'tw-m-4',\n 20: 'tw-m-5',\n 24: 'tw-m-6',\n 28: 'tw-m-7',\n 32: 'tw-m-8',\n 36: 'tw-m-9',\n 40: 'tw-m-10',\n};\n\nexport const MARGIN_X_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-mx-0',\n 4: 'tw-mx-1',\n 8: 'tw-mx-2',\n 12: 'tw-mx-3',\n 16: 'tw-mx-4',\n 20: 'tw-mx-5',\n 24: 'tw-mx-6',\n 28: 'tw-mx-7',\n 32: 'tw-mx-8',\n 36: 'tw-mx-9',\n 40: 'tw-mx-10',\n};\n\nexport const MARGIN_Y_VALUES_MAP: Record<SpacingValue, string> = {\n 0: 'tw-my-0',\n 4: 'tw-my-1',\n 8: 'tw-my-2',\n 12: 'tw-my-3',\n 16: 'tw-my-4',\n 20: 'tw-my-5',\n 24: 'tw-my-6',\n 28: 'tw-my-7',\n 32: 'tw-my-8',\n 36: 'tw-my-9',\n 40: 'tw-my-10',\n};\n\nexport const MARGIN_DIRECTIONS: Record<MarginDirectionKey, MarginDirection> = {\n MARGIN: 'margin',\n MARGIN_X: 'margin-x',\n MARGIN_Y: 'margin-y',\n};\n\nexport const GAP_MAPPING = {\n 0: 'tw-gap-0',\n 1: 'tw-gap-px',\n 4: 'tw-gap-1',\n 8: 'tw-gap-2',\n 12: 'tw-gap-3',\n 16: 'tw-gap-4',\n 20: 'tw-gap-5',\n 24: 'tw-gap-6',\n 28: 'tw-gap-7',\n 32: 'tw-gap-8',\n 36: 'tw-gap-9',\n 40: 'tw-gap-10',\n 44: 'tw-gap-11',\n 48: 'tw-gap-12',\n 52: 'tw-gap-13',\n 56: 'tw-gap-14',\n 60: 'tw-gap-15',\n 64: 'tw-gap-16',\n 68: 'tw-gap-17',\n 72: 'tw-gap-18',\n 76: 'tw-gap-19',\n 80: 'tw-gap-20',\n 84: 'tw-gap-21',\n};\n\nexport const GAP_X_MAPPING = {\n 0: 'tw-gap-x-0',\n 1: 'tw-gap-x-px',\n 4: 'tw-gap-x-1',\n 8: 'tw-gap-x-2',\n 12: 'tw-gap-x-3',\n 16: 'tw-gap-x-4',\n 20: 'tw-gap-x-5',\n 24: 'tw-gap-x-6',\n 28: 'tw-gap-x-7',\n 32: 'tw-gap-x-8',\n 36: 'tw-gap-x-9',\n 40: 'tw-gap-x-10',\n 44: 'tw-gap-x-11',\n 48: 'tw-gap-x-12',\n 52: 'tw-gap-x-13',\n 56: 'tw-gap-x-14',\n 60: 'tw-gap-x-15',\n 64: 'tw-gap-x-16',\n 68: 'tw-gap-x-17',\n 72: 'tw-gap-x-18',\n 76: 'tw-gap-x-19',\n 80: 'tw-gap-x-20',\n 84: 'tw-gap-x-21',\n};\n\nexport const GAP_Y_MAPPING = {\n 0: 'tw-gap-y-0',\n 1: 'tw-gap-y-px',\n 4: 'tw-gap-y-1',\n 8: 'tw-gap-y-2',\n 12: 'tw-gap-y-3',\n 16: 'tw-gap-y-4',\n 20: 'tw-gap-y-5',\n 24: 'tw-gap-y-6',\n 28: 'tw-gap-y-7',\n 32: 'tw-gap-y-8',\n 36: 'tw-gap-y-9',\n 40: 'tw-gap-y-10',\n 44: 'tw-gap-y-11',\n 48: 'tw-gap-y-12',\n 52: 'tw-gap-y-13',\n 56: 'tw-gap-y-14',\n 60: 'tw-gap-y-15',\n 64: 'tw-gap-y-16',\n 68: 'tw-gap-y-17',\n 72: 'tw-gap-y-18',\n 76: 'tw-gap-y-19',\n 80: 'tw-gap-y-20',\n 84: 'tw-gap-y-21',\n};\n\nexport const GAP_DIRECTIONS: Record<GapDirectionKey, GapDirection> = {\n GAP: 'gap',\n GAP_X: 'gap-x',\n GAP_Y: 'gap-y',\n};\n\nconst getMappedSpacingValue = (map: SpacingMapType, spacingValue: SpacingValue) => {\n return SPACING_VALUES.includes(spacingValue) ? map[spacingValue] : '';\n};\n\nexport const GetPaddingClassNames = (direction: PaddingDirection, padding?: SpacingValue): string => {\n if (padding) {\n switch (direction) {\n case PADDING_DIRECTIONS.PADDING_X:\n return getMappedSpacingValue(PADDING_X_VALUES_MAP, padding);\n case PADDING_DIRECTIONS.PADDING_Y:\n return getMappedSpacingValue(PADDING_Y_VALUES_MAP, padding);\n case PADDING_DIRECTIONS.PADDING:\n return getMappedSpacingValue(PADDING_VALUES_MAP, padding);\n default:\n return '';\n }\n }\n return '';\n};\n\nexport const GetMarginClassNames = (direction: MarginDirection, margin?: SpacingValue): string => {\n if (margin) {\n switch (direction) {\n case MARGIN_DIRECTIONS.MARGIN_X:\n return getMappedSpacingValue(MARGIN_X_VALUES_MAP, margin);\n case MARGIN_DIRECTIONS.MARGIN_Y:\n return getMappedSpacingValue(MARGIN_Y_VALUES_MAP, margin);\n case MARGIN_DIRECTIONS.MARGIN:\n return getMappedSpacingValue(MARGIN_VALUES_MAP, margin);\n default:\n return '';\n }\n }\n return '';\n};\n\nexport const GetGapClassName = (direction: GapDirection, gap?: SpacingValue): string => {\n if (gap) {\n switch (direction) {\n case GAP_DIRECTIONS.GAP_X:\n return getMappedSpacingValue(GAP_X_MAPPING, gap);\n case GAP_DIRECTIONS.GAP_Y:\n return getMappedSpacingValue(GAP_Y_MAPPING, gap);\n case GAP_DIRECTIONS.GAP:\n return getMappedSpacingValue(GAP_MAPPING, gap);\n default:\n return '';\n }\n }\n return '';\n};\n"],"names":["SPACING_VALUES","PADDING_VALUES_MAP","PADDING_X_VALUES_MAP","PADDING_Y_VALUES_MAP","PADDING_DIRECTIONS","MARGIN_VALUES_MAP","MARGIN_X_VALUES_MAP","MARGIN_Y_VALUES_MAP","MARGIN_DIRECTIONS","GAP_MAPPING","GAP_X_MAPPING","GAP_Y_MAPPING","GAP_DIRECTIONS","getMappedSpacingValue","map","spacingValue","GetPaddingClassNames","direction","padding","GetMarginClassNames","margin","GetGapClassName","gap"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@frontify/fondue",
3
3
  "author": "Frontify Developers <developers@frontify.com>",
4
- "version": "12.0.0-beta.412",
4
+ "version": "12.0.0-beta.413",
5
5
  "description": "Design system of Frontify",
6
6
  "type": "module",
7
7
  "repository": {