@cdx-ui/components 0.1.4 → 0.1.5

package/lib/module/figma/DateTimeField.figma.js

@@ -0,0 +1,63 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11787-10754
+// source=packages/components/src/components/DateTimeField/index.tsx
+// component=DateTimeField
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isReadOnly = instance.getEnum('isReadOnly', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const showPrefixSlot = instance.getBoolean('Show Prefix Slot?');
+const showPickerTrigger = instance.getBoolean('Show Picker Trigger?');
+
+// The nested DateTimeField.Value `format` encodes both the smallest segment and the clock style.
+const granularityByFormat = {
+  'MM/DD/YYYY hh:mm A': undefined,
+  'MM/DD/YYYY hh:mm:ss A': 'second',
+  'MM/DD/YYYY HH:mm (24-hour)': undefined,
+  'MM/DD/YYYY HH:mm:ss (24-hour)': 'second'
+};
+const hour12ByFormat = {
+  'MM/DD/YYYY hh:mm A': true,
+  'MM/DD/YYYY hh:mm:ss A': true,
+  'MM/DD/YYYY HH:mm (24-hour)': false,
+  'MM/DD/YYYY HH:mm:ss (24-hour)': false
+};
+const value = instance.findInstance('DateTimeField.Value');
+const format = value.type === 'INSTANCE' ? value.getPropertyValue('format') : undefined;
+const granularity = typeof format === 'string' ? granularityByFormat[format] : undefined;
+const hour12 = typeof format === 'string' ? hour12ByFormat[format] : undefined;
+const granularityProp = figma.helpers.react.renderProp('granularity', granularity);
+const hour12Prop = figma.helpers.react.renderProp('hour12', hour12);
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+export default {
+  id: 'date-time-field',
+  imports: ["import { DateTimeField } from '@cdx-ui/components'"],
+  example: figma.code`
+${showPrefixSlot ? figma.code`{/* The Figma prefix slot has no DateTimeField equivalent. */}` : null}
+${showPickerTrigger ? figma.code`{/* A picker trigger needs DateTimePicker; DateTimeField has no trigger of its own. */}` : null}
+<DateTimeField
+  value={value}
+  onValueChange={setValue}
+  aria-label="Date and time"${granularityProp}${hour12Prop}${isInvalidProp}${isReadOnlyProp}${isDisabledProp}
+>
+  <DateTimeField.Group>
+    <DateTimeField.Input>
+      {(segment) => <DateTimeField.Segment segment={segment} />}
+    </DateTimeField.Input>
+  </DateTimeField.Group>
+</DateTimeField>`
+};
+//# sourceMappingURL=DateTimeField.figma.js.map

package/lib/module/figma/DateTimeField.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","isInvalid","getEnum","true","false","undefined","isReadOnly","isDisabled","showPrefixSlot","getBoolean","showPickerTrigger","granularityByFormat","hour12ByFormat","value","findInstance","format","type","getPropertyValue","granularity","hour12","granularityProp","helpers","react","renderProp","hour12Prop","isInvalidProp","isReadOnlyProp","isDisabledProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/DateTimeField.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGP,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGR,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMG,cAAc,GAAGT,QAAQ,CAACU,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAMC,iBAAiB,GAAGX,QAAQ,CAACU,UAAU,CAAC,sBAAsB,CAAC;;AAErE;AACA,MAAME,mBAAuD,GAAG;EAC9D,oBAAoB,EAAEN,SAAS;EAC/B,uBAAuB,EAAE,QAAQ;EACjC,4BAA4B,EAAEA,SAAS;EACvC,+BAA+B,EAAE;AACnC,CAAC;AACD,MAAMO,cAAuC,GAAG;EAC9C,oBAAoB,EAAE,IAAI;EAC1B,uBAAuB,EAAE,IAAI;EAC7B,4BAA4B,EAAE,KAAK;EACnC,+BAA+B,EAAE;AACnC,CAAC;AACD,MAAMC,KAAK,GAAGd,QAAQ,CAACe,YAAY,CAAC,qBAAqB,CAAC;AAC1D,MAAMC,MAAM,GAAGF,KAAK,CAACG,IAAI,KAAK,UAAU,GAAGH,KAAK,CAACI,gBAAgB,CAAC,QAAQ,CAAC,GAAGZ,SAAS;AACvF,MAAMa,WAAW,GAAG,OAAOH,MAAM,KAAK,QAAQ,GAAGJ,mBAAmB,CAACI,MAAM,CAAC,GAAGV,SAAS;AACxF,MAAMc,MAAM,GAAG,OAAOJ,MAAM,KAAK,QAAQ,GAAGH,cAAc,CAACG,MAAM,CAAC,GAAGV,SAAS;AAE9E,MAAMe,eAAe,GAAGtB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,aAAa,EAAEL,WAAW,CAAC;AAClF,MAAMM,UAAU,GAAG1B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAEJ,MAAM,CAAC;AACnE,MAAMM,aAAa,GAAG3B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEtB,SAAS,CAAC;AAC5E,MAAMyB,cAAc,GAAG5B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEjB,UAAU,CAAC;AAC/E,MAAMqB,cAAc,GAAG7B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEhB,UAAU,CAAC;AAE/E,eAAe;EACbqB,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEhC,KAAK,CAACiC,IAAI;AACrB,EAAEvB,cAAc,GAAGV,KAAK,CAACiC,IAAI,gEAAgE,GAAG,IAAI;AACpG,EAAErB,iBAAiB,GAAGZ,KAAK,CAACiC,IAAI,yFAAyF,GAAG,IAAI;AAChI;AACA;AACA;AACA,8BAA8BX,eAAe,GAAGI,UAAU,GAAGC,aAAa,GAAGC,cAAc,GAAGC,cAAc;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Field.Checkbox.figma.js

@@ -0,0 +1,46 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5541-5756
+// source=packages/components/src/components/Field/index.tsx
+// component=Field
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const showLabel = instance.getBoolean('Show Label?');
+const showHelperText = instance.getBoolean('Show Helper Text?');
+const showErrorText = instance.getBoolean('Show Error Text?');
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+const labelText = instance.findText('{label}', {
+  traverseInstances: true
+}).textContent;
+const helperText = instance.findText('{HelperText}', {
+  traverseInstances: true
+}).textContent;
+const errorText = instance.findText('{ErrorText}', {
+  traverseInstances: true
+}).textContent;
+const checkboxGroup = instance.findInstance('Checkbox.Group');
+let checkboxGroupSnippet;
+if (checkboxGroup.type === 'INSTANCE') {
+  checkboxGroupSnippet = checkboxGroup.executeTemplate().example;
+}
+export default {
+  id: 'field-checkbox',
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: figma.code`
+<Field${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${checkboxGroupSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.Checkbox.figma.js.map

package/lib/module/figma/Field.Checkbox.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","checkboxGroup","findInstance","checkboxGroupSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Checkbox.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGJ,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGL,QAAQ,CAACG,UAAU,CAAC,kBAAkB,CAAC;AAE7D,MAAMG,SAAS,GAAGN,QAAQ,CAACO,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,SAAS,CAAC;AAC5E,MAAMU,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GACbjB,QAAQ,CAACkB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdrB,QAAQ,CAACkB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbtB,QAAQ,CAACkB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,aAAa,GAAGvB,QAAQ,CAACwB,YAAY,CAAC,gBAAgB,CAAC;AAC7D,IAAIC,oBAAiE;AACrE,IAAIF,aAAa,CAACG,IAAI,KAAK,UAAU,EAAE;EACrCD,oBAAoB,GAAGF,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChE;AAEA,eAAe;EACbC,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE7B,KAAK,CAACgC,IAAI;AACrB,QAAQnB,aAAa,GAAGI,cAAc;AACtC,IAAId,SAAS,GAAGH,KAAK,CAACgC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,oBAAoB;AACxB,IAAI,CAACnB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACgC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIf,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACgC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Field.DateField.figma.js

@@ -0,0 +1,51 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12120-7982
+// source=packages/components/src/components/Field/index.tsx
+// component=Field
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const showLabel = instance.getBoolean('Show Label?');
+const showHelperText = instance.getBoolean('Show Helper Text?');
+const showErrorText = instance.getBoolean('Show Error Text?');
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isReadOnly = instance.getEnum('isReadOnly', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+const labelText = instance.findText('{label}', {
+  traverseInstances: true
+}).textContent;
+const helperText = instance.findText('{HelperText}', {
+  traverseInstances: true
+}).textContent;
+const errorText = instance.findText('{ErrorText}', {
+  traverseInstances: true
+}).textContent;
+const dateField = instance.findInstance('DateField');
+let dateFieldSnippet;
+if (dateField.type === 'INSTANCE') {
+  dateFieldSnippet = dateField.executeTemplate().example;
+}
+export default {
+  id: 'field-date-field',
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: figma.code`
+<Field${isInvalidProp}${isReadOnlyProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${dateFieldSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.DateField.figma.js.map

package/lib/module/figma/Field.DateField.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isReadOnly","isDisabled","isInvalidProp","helpers","react","renderProp","isReadOnlyProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","dateField","findInstance","dateFieldSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.DateField.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGJ,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGL,QAAQ,CAACG,UAAU,CAAC,kBAAkB,CAAC;AAE7D,MAAMG,SAAS,GAAGN,QAAQ,CAACO,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGZ,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAGd,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,cAAc,GAAGlB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEL,UAAU,CAAC;AAC/E,MAAMO,cAAc,GAAGnB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdvB,QAAQ,CAACoB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbxB,QAAQ,CAACoB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,SAAS,GAAGzB,QAAQ,CAAC0B,YAAY,CAAC,WAAW,CAAC;AACpD,IAAIC,gBAA6D;AACjE,IAAIF,SAAS,CAACG,IAAI,KAAK,UAAU,EAAE;EACjCD,gBAAgB,GAAGF,SAAS,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AACxD;AAEA,eAAe;EACbC,EAAE,EAAE,kBAAkB;EACtBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE/B,KAAK,CAACkC,IAAI;AACrB,QAAQpB,aAAa,GAAGI,cAAc,GAAGC,cAAc;AACvD,IAAIhB,SAAS,GAAGH,KAAK,CAACkC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,gBAAgB;AACpB,IAAI,CAACrB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACkC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIjB,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACkC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Field.DateTimeField.figma.js

@@ -0,0 +1,51 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12449-31583
+// source=packages/components/src/components/Field/index.tsx
+// component=Field
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const showLabel = instance.getBoolean('Show Label?');
+const showHelperText = instance.getBoolean('Show Helper Text?');
+const showErrorText = instance.getBoolean('Show Error Text?');
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isReadOnly = instance.getEnum('isReadOnly', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+const labelText = instance.findText('{label}', {
+  traverseInstances: true
+}).textContent;
+const helperText = instance.findText('{HelperText}', {
+  traverseInstances: true
+}).textContent;
+const errorText = instance.findText('{ErrorText}', {
+  traverseInstances: true
+}).textContent;
+const dateTimeField = instance.findInstance('DateTimeField');
+let dateTimeFieldSnippet;
+if (dateTimeField.type === 'INSTANCE') {
+  dateTimeFieldSnippet = dateTimeField.executeTemplate().example;
+}
+export default {
+  id: 'field-date-time-field',
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: figma.code`
+<Field${isInvalidProp}${isReadOnlyProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${dateTimeFieldSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.DateTimeField.figma.js.map

package/lib/module/figma/Field.DateTimeField.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isReadOnly","isDisabled","isInvalidProp","helpers","react","renderProp","isReadOnlyProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","dateTimeField","findInstance","dateTimeFieldSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.DateTimeField.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGJ,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGL,QAAQ,CAACG,UAAU,CAAC,kBAAkB,CAAC;AAE7D,MAAMG,SAAS,GAAGN,QAAQ,CAACO,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGZ,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAGd,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,cAAc,GAAGlB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEL,UAAU,CAAC;AAC/E,MAAMO,cAAc,GAAGnB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdvB,QAAQ,CAACoB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbxB,QAAQ,CAACoB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,aAAa,GAAGzB,QAAQ,CAAC0B,YAAY,CAAC,eAAe,CAAC;AAC5D,IAAIC,oBAAiE;AACrE,IAAIF,aAAa,CAACG,IAAI,KAAK,UAAU,EAAE;EACrCD,oBAAoB,GAAGF,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChE;AAEA,eAAe;EACbC,EAAE,EAAE,uBAAuB;EAC3BC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE/B,KAAK,CAACkC,IAAI;AACrB,QAAQpB,aAAa,GAAGI,cAAc,GAAGC,cAAc;AACvD,IAAIhB,SAAS,GAAGH,KAAK,CAACkC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,oBAAoB;AACxB,IAAI,CAACrB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACkC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIjB,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACkC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Image.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9091-16186
+// source=packages/components/src/components/Image/Image.tsx
+// component=Image
+import figma from 'figma';
+
+// The Figma Image component has no properties; its fill is a per-instance image override that the
+// template API cannot read, so the snippet uses placeholder `source` and `alt` values.
+export default {
+  id: 'image',
+  imports: ["import { Image } from '@cdx-ui/components'"],
+  example: figma.code`<Image source="https://example.com/image.jpg" alt="Image description" resizeMode="cover" />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Image.figma.js.map

package/lib/module/figma/Image.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Image.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA,eAAe;EACbC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEH,KAAK,CAACI,IAAI,6FAA6F;EAChHC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/MonthCalendar.figma.js

@@ -0,0 +1,14 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12010-27571
+// source=packages/components/src/components/MonthCalendar/index.tsx
+// component=MonthCalendar
+import figma from 'figma';
+
+// Figma `view` (month / year) is internal navigation state toggled from the header at runtime.
+export default {
+  id: 'month-calendar',
+  imports: ["import { MonthCalendar } from '@cdx-ui/components'"],
+  example: figma.code`<MonthCalendar value={value} onValueChange={setValue} aria-label="Month" />`
+};
+//# sourceMappingURL=MonthCalendar.figma.js.map

package/lib/module/figma/MonthCalendar.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/MonthCalendar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA,eAAe;EACbC,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEH,KAAK,CAACI,IAAI;AACrB,CAAC","ignoreList":[]}

package/lib/module/figma/ProgressBar.figma.js

@@ -0,0 +1,48 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4927-541
+// source=packages/components/src/components/ProgressBar/index.tsx
+// component=ProgressBar
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Figma expresses progress as a 0–1 fraction; the code's `value` is on the default 0–100 `max`.
+// Figma `color=inherit` has no code equivalent (ProgressBar exposes no color prop), so it is not mapped.
+const value = instance.getEnum('value', {
+  '0': 0,
+  '0.05': 5,
+  '0.1': 10,
+  '0.15': 15,
+  '0.2': 20,
+  '0.25': 25,
+  '0.3': 30,
+  '0.333': 33,
+  '0.35': 35,
+  '0.4': 40,
+  '0.45': 45,
+  '0.5': 50,
+  '0.55': 55,
+  '0.6': 60,
+  '0.65': 65,
+  '0.666': 67,
+  '0.7': 70,
+  '0.75': 75,
+  '0.8': 80,
+  '0.85': 85,
+  '0.9': 90,
+  '0.95': 95,
+  '1': 100
+});
+const isIndeterminate = instance.getEnum('isIndeterminate', {
+  true: true,
+  false: false
+});
+export default {
+  id: 'progress-bar',
+  imports: ["import { ProgressBar } from '@cdx-ui/components'"],
+  example: figma.code`
+<ProgressBar value={${isIndeterminate ? 'null' : value}} accessibilityLabel="Progress">
+  <ProgressBar.Indicator />
+</ProgressBar>`
+};
+//# sourceMappingURL=ProgressBar.figma.js.map

package/lib/module/figma/ProgressBar.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","value","getEnum","isIndeterminate","true","false","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ProgressBar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtC,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,OAAO,EAAE,EAAE;EACX,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,OAAO,EAAE,EAAE;EACX,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,GAAG,EAAE;AACP,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGJ,QAAQ,CAACG,OAAO,CAAC,iBAAiB,EAAE;EAC1DE,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEV,KAAK,CAACW,IAAI;AACrB,sBAAsBN,eAAe,GAAG,MAAM,GAAGF,KAAK;AACtD;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/ProgressCircle.figma.js

@@ -0,0 +1,67 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=2616-182
+// source=packages/components/src/components/ProgressCircle/index.tsx
+// component=ProgressCircle
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const color = instance.getEnum('color', {
+  default: undefined,
+  inherit: 'inherit'
+});
+// The code only ships `large` and `small`; Figma `tiny` has no code size, so the snippet flags it
+// instead of silently substituting another size.
+const size = instance.getEnum('size', {
+  large: undefined,
+  small: 'small',
+  tiny: undefined
+});
+const isTiny = instance.getEnum('size', {
+  large: false,
+  small: false,
+  tiny: true
+});
+// Figma expresses progress as a 0–1 fraction; the code's `value` is on the default 0–100 `max`.
+// `isComplete` only adds a checkmark overlay in Figma; the code renders a full ring at value 100.
+const value = instance.getEnum('value', {
+  '0': 0,
+  '0.05': 5,
+  '0.1': 10,
+  '0.15': 15,
+  '0.2': 20,
+  '0.25': 25,
+  '0.3': 30,
+  '0.35': 35,
+  '0.4': 40,
+  '0.45': 45,
+  '0.5': 50,
+  '0.55': 55,
+  '0.6': 60,
+  '0.65': 65,
+  '0.7': 70,
+  '0.75': 75,
+  '0.8': 80,
+  '0.85': 85,
+  '0.9': 90,
+  '0.95': 95,
+  '1': 100
+});
+const isIndeterminate = instance.getEnum('isIndeterminate', {
+  true: true,
+  false: false
+});
+const sizeProp = figma.helpers.react.renderProp('size', size);
+const colorProp = figma.helpers.react.renderProp('color', color);
+export default {
+  id: 'progress-circle',
+  imports: ["import { ProgressCircle } from '@cdx-ui/components'"],
+  example: figma.code`
+${isTiny ? figma.code`{/* Figma size "tiny" has no code equivalent; ProgressCircle supports "large" and "small". */}` : null}
+<ProgressCircle value={${isIndeterminate ? 'null' : value}}${sizeProp}${colorProp} accessibilityLabel="Progress">
+  <ProgressCircle.Indicator />
+</ProgressCircle>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=ProgressCircle.figma.js.map

package/lib/module/figma/ProgressCircle.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","color","getEnum","default","undefined","inherit","size","large","small","tiny","isTiny","value","isIndeterminate","true","false","sizeProp","helpers","react","renderProp","colorProp","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ProgressCircle.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCC,OAAO,EAAEC,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AACF;AACA;AACA,MAAMC,IAAI,GAAGP,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCK,KAAK,EAAEH,SAAS;EAChBI,KAAK,EAAE,OAAO;EACdC,IAAI,EAAEL;AACR,CAAC,CAAC;AACF,MAAMM,MAAM,GAAGX,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACtCK,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE;AACR,CAAC,CAAC;AACF;AACA;AACA,MAAME,KAAK,GAAGZ,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtC,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,GAAG,EAAE;AACP,CAAC,CAAC;AACF,MAAMU,eAAe,GAAGb,QAAQ,CAACG,OAAO,CAAC,iBAAiB,EAAE;EAC1DW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGjB,KAAK,CAACkB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAEZ,IAAI,CAAC;AAC7D,MAAMa,SAAS,GAAGrB,KAAK,CAACkB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEjB,KAAK,CAAC;AAEhE,eAAe;EACbmB,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,qDAAqD,CAAC;EAChEC,OAAO,EAAExB,KAAK,CAACyB,IAAI;AACrB,EAAEb,MAAM,GAAGZ,KAAK,CAACyB,IAAI,gGAAgG,GAAG,IAAI;AAC5H,yBAAyBX,eAAe,GAAG,MAAM,GAAGD,KAAK,IAAII,QAAQ,GAAGI,SAAS;AACjF;AACA,kBAAkB;EAChBK,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/RangeCalendar.figma.js

@@ -0,0 +1,30 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12118-58084
+// source=packages/components/src/components/RangeCalendar/index.tsx
+// component=RangeCalendar
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// `view` (day / year) is internal navigation state toggled from the header at runtime. The code
+// header always includes the year-picker toggle, so hiding it in Figma is flagged in the snippet.
+const hidesYearPicker = instance.getEnum('Show Year Picker?', {
+  true: false,
+  false: true
+});
+export default {
+  id: 'range-calendar',
+  imports: ["import { RangeCalendar } from '@cdx-ui/components'"],
+  example: figma.code`
+${hidesYearPicker ? figma.code`{/* RangeCalendar always shows the year-picker toggle; Figma "Show Year Picker?=false" has no code equivalent. */}` : null}
+<RangeCalendar
+  startValue={startValue}
+  endValue={endValue}
+  onRangeChange={({ startId, endId }) => {
+    setStartValue(startId);
+    setEndValue(endId);
+  }}
+  aria-label="Date range"
+/>`
+};
+//# sourceMappingURL=RangeCalendar.figma.js.map

package/lib/module/figma/RangeCalendar.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","hidesYearPicker","getEnum","true","false","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/RangeCalendar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,eAAe,GAAGF,QAAQ,CAACG,OAAO,CAAC,mBAAmB,EAAE;EAC5DC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,eAAe;EACbC,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAET,KAAK,CAACU,IAAI;AACrB,EAAEP,eAAe,GAAGH,KAAK,CAACU,IAAI,oHAAoH,GAAG,IAAI;AACzJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Skeleton.figma.js

@@ -0,0 +1,25 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11476-16576
+// source=packages/components/src/components/Skeleton/index.tsx
+// component=Skeleton
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Skeleton has no radius prop: `default` is its built-in `rounded-md`, and the other radii are
+// set through `className`, which is also how consumers size the placeholder.
+const radiusClassName = instance.getEnum('radius', {
+  default: undefined,
+  round: 'rounded-full',
+  none: 'rounded-none'
+});
+const classNameProp = figma.helpers.react.renderProp('className', radiusClassName);
+export default {
+  id: 'skeleton',
+  imports: ["import { Skeleton } from '@cdx-ui/components'"],
+  example: figma.code`<Skeleton${classNameProp} />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Skeleton.figma.js.map

package/lib/module/figma/Skeleton.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","radiusClassName","getEnum","default","undefined","round","none","classNameProp","helpers","react","renderProp","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Skeleton.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,eAAe,GAAGF,QAAQ,CAACG,OAAO,CAAC,QAAQ,EAAE;EACjDC,OAAO,EAAEC,SAAS;EAClBC,KAAK,EAAE,cAAc;EACrBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGT,KAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,eAAe,CAAC;AAElF,eAAe;EACbU,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEf,KAAK,CAACgB,IAAI,YAAYP,aAAa,KAAK;EACjDQ,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/Slider.Marker.figma.js

@@ -0,0 +1,17 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11566-18062
+// source=packages/components/src/components/Slider/index.tsx
+// component=Slider.Marker
+import figma from 'figma';
+
+// Figma `filled` is derived at runtime from the marker's position relative to the slider value.
+export default {
+  id: 'slider-marker',
+  imports: ["import { Slider } from '@cdx-ui/components'"],
+  example: figma.code`<Slider.Marker />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Slider.Marker.figma.js.map

package/lib/module/figma/Slider.Marker.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Slider.Marker.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA,eAAe;EACbC,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEH,KAAK,CAACI,IAAI,mBAAmB;EACtCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/Slider.MarkerGroup.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11677-7959
+// source=packages/components/src/components/Slider/index.tsx
+// component=Slider.MarkerGroup
+import figma from 'figma';
+
+// `step` and `orientation` belong to the parent Slider (see Slider.figma.ts); the group clones the
+// template marker at every step.
+export default {
+  id: 'slider-marker-group',
+  imports: ["import { Slider } from '@cdx-ui/components'"],
+  example: figma.code`
+<Slider.MarkerGroup>
+  <Slider.Marker />
+</Slider.MarkerGroup>`
+};
+//# sourceMappingURL=Slider.MarkerGroup.figma.js.map

package/lib/module/figma/Slider.MarkerGroup.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Slider.MarkerGroup.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA,eAAe;EACbC,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEH,KAAK,CAACI,IAAI;AACrB;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Slider.Thumb.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11500-17219
+// source=packages/components/src/components/Slider/index.tsx
+// component=Slider.Thumb
+import figma from 'figma';
+
+// Figma `isDisabled` mirrors the parent Slider's `isDisabled`; Slider.Thumb has no disabled prop
+// of its own.
+export default {
+  id: 'slider-thumb',
+  imports: ["import { Slider } from '@cdx-ui/components'"],
+  example: figma.code`<Slider.Thumb />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Slider.Thumb.figma.js.map

package/lib/module/figma/Slider.Thumb.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Slider.Thumb.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEH,KAAK,CAACI,IAAI,kBAAkB;EACrCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/Slider.figma.js

@@ -0,0 +1,63 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11500-17763
+// source=packages/components/src/components/Slider/index.tsx
+// component=Slider
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const orientation = instance.getEnum('orientation', {
+  horizontal: undefined,
+  vertical: 'vertical'
+});
+// Figma value is a percentage of the track; the code's default range is 0–100.
+const defaultValue = instance.getEnum('value', {
+  '0%': 0,
+  '10%': 10,
+  '20%': 20,
+  '25%': 25,
+  '30%': 30,
+  '40%': 40,
+  '50%': 50,
+  '60%': 60,
+  '70%': 70,
+  '75%': 75,
+  '80%': 80,
+  '90%': 90,
+  '100%': 100
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const showMarkers = instance.getBoolean('Show Markers?');
+
+// Markers are generated from the root `step`, so the nested Slider.MarkerGroup `step` maps there.
+const stepByMarkerGroupStep = {
+  '10%': 10,
+  '20%': 20,
+  '25%': 25,
+  '50%': 50
+};
+const markerGroup = instance.findInstance('Slider.MarkerGroup');
+const markerGroupStep = markerGroup.type === 'INSTANCE' ? markerGroup.getPropertyValue('step') : undefined;
+const step = showMarkers && typeof markerGroupStep === 'string' ? stepByMarkerGroupStep[markerGroupStep] : undefined;
+const markerGroupSnippet = showMarkers && markerGroup.type === 'INSTANCE' ? markerGroup.executeTemplate().example : null;
+const thumb = instance.findInstance('Slider.Thumb');
+const thumbSnippet = thumb.type === 'INSTANCE' ? thumb.executeTemplate().example : figma.code`<Slider.Thumb />`;
+const orientationProp = figma.helpers.react.renderProp('orientation', orientation);
+const defaultValueProp = figma.helpers.react.renderProp('defaultValue', defaultValue);
+const stepProp = figma.helpers.react.renderProp('step', step);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+export default {
+  id: 'slider',
+  imports: ["import { Slider } from '@cdx-ui/components'"],
+  example: figma.code`
+<Slider accessibilityLabel="Slider"${defaultValueProp}${stepProp}${orientationProp}${isDisabledProp}>
+  <Slider.Rail>
+    <Slider.Track />
+  </Slider.Rail>
+  ${thumbSnippet}
+  ${markerGroupSnippet}
+</Slider>`
+};
+//# sourceMappingURL=Slider.figma.js.map

package/lib/module/figma/Slider.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","orientation","getEnum","horizontal","undefined","vertical","defaultValue","isDisabled","true","false","showMarkers","getBoolean","stepByMarkerGroupStep","markerGroup","findInstance","markerGroupStep","type","getPropertyValue","step","markerGroupSnippet","executeTemplate","example","thumb","thumbSnippet","code","orientationProp","helpers","react","renderProp","defaultValueProp","stepProp","isDisabledProp","id","imports"],"sourceRoot":"../../../src","sources":["figma/Slider.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAGF,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAClDC,UAAU,EAAEC,SAAS;EACrBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF;AACA,MAAMC,YAAY,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EAC7C,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMK,UAAU,GAAGR,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEL;AACT,CAAC,CAAC;AACF,MAAMM,WAAW,GAAGX,QAAQ,CAACY,UAAU,CAAC,eAAe,CAAC;;AAExD;AACA,MAAMC,qBAA6C,GAAG;EACpD,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,WAAW,GAAGd,QAAQ,CAACe,YAAY,CAAC,oBAAoB,CAAC;AAC/D,MAAMC,eAAe,GACnBF,WAAW,CAACG,IAAI,KAAK,UAAU,GAAGH,WAAW,CAACI,gBAAgB,CAAC,MAAM,CAAC,GAAGb,SAAS;AACpF,MAAMc,IAAI,GACRR,WAAW,IAAI,OAAOK,eAAe,KAAK,QAAQ,GAC9CH,qBAAqB,CAACG,eAAe,CAAC,GACtCX,SAAS;AACf,MAAMe,kBAAkB,GACtBT,WAAW,IAAIG,WAAW,CAACG,IAAI,KAAK,UAAU,GAAGH,WAAW,CAACO,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,KAAK,GAAGvB,QAAQ,CAACe,YAAY,CAAC,cAAc,CAAC;AACnD,MAAMS,YAAY,GAChBD,KAAK,CAACN,IAAI,KAAK,UAAU,GAAGM,KAAK,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAGvB,KAAK,CAAC0B,IAAI,kBAAkB;AAE5F,MAAMC,eAAe,GAAG3B,KAAK,CAAC4B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,aAAa,EAAE3B,WAAW,CAAC;AAClF,MAAM4B,gBAAgB,GAAG/B,KAAK,CAAC4B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAEtB,YAAY,CAAC;AACrF,MAAMwB,QAAQ,GAAGhC,KAAK,CAAC4B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAEV,IAAI,CAAC;AAC7D,MAAMa,cAAc,GAAGjC,KAAK,CAAC4B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAErB,UAAU,CAAC;AAE/E,eAAe;EACbyB,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDZ,OAAO,EAAEvB,KAAK,CAAC0B,IAAI;AACrB,qCAAqCK,gBAAgB,GAAGC,QAAQ,GAAGL,eAAe,GAAGM,cAAc;AACnG;AACA;AACA;AACA,IAAIR,YAAY;AAChB,IAAIJ,kBAAkB;AACtB;AACA,CAAC","ignoreList":[]}