diff --git a/README.md b/README.md index 21a838a..f446391 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@ Make a package.json script and run it for convenience ```json { "scripts": { - "export-tailwind-config": "tailwindcss-export-config --config=path/to/tailwind.config.js --destination=destination/of/generated/tailwind-variables --format=scss" + "export-tailwind-config": "tailwindcss-export-config --config=path/to/tailwind.config.js --destination=destination/of/generated/tailwind-variables --format=scss --quoted-keys=true" } } ``` @@ -50,7 +50,8 @@ const converter = new TailwindExportConfig({ destination: 'converted/file/destination', format: 'scss', prefix: 'tw', - flat: true + flat: true, + quotedKeys: true }) // writeToFile returns a promise so we can chain off it @@ -72,7 +73,8 @@ config|String,Object|true| Tailwindcss config path or config object to transform destination|String|true| Destination to save converted file format|String|true| The format in which to convert the file prefix|String|false| An optional prefix for each variable name -flat|Boolean|false| Optionally transforms the variables from nested maps to flat level variables. Less does not support nested maps so we default to flat for them always. +flat|Boolean|false| Optionally transforms the variables from nested maps to flat level variables. Less does not support nested maps so we default to flat for them always. Defaults to `false`. +quoted-keys|Boolean|false| (`quotedKeys` in the Node API) - Whether keys in maps should be quoted or not. We recommend to have this set to `true`. Defaults to `false`. ## Example export Lets get a portion of the Tailwind config @@ -209,6 +211,30 @@ $tw-colors-pink-900: #702459; $tw-colors-cyan: #9cdbff; ``` +### Quoted Keys + +SASS and other preprocessors recommend defining map keys in quotes. It is possible comply with that, by using the optional `quotedKeys` setting. + +```bash +tailwindcss-export-config --config=tailwind.config.js --destination=tailwind-variables --format=scss --quoted-keys=true +``` + +```scss +$fontFamily: ( + "display": (Gilroy,sans-serif), + "body": (Graphik,sans-serif), +); + +$colors: ( + //... other vars + "pink-700": #b83280, + "pink-800": #97266d, + "pink-900": #702459, + "cyan": #9cdbff, +); + +``` + ## Notice This branch works with v1.x of Tailwindcss. If you are using the older 0.x version, please use `legacy` version diff --git a/cli.js b/cli.js index b821cf0..1b1b7ae 100644 --- a/cli.js +++ b/cli.js @@ -42,6 +42,12 @@ const argv = yargs // eslint-disable-line boolean: true, nargs: 1 }) + .option('quoted-keys', { + describe: 'Should map keys be quoted', + type: 'boolean', /* array | boolean | string */ + boolean: true, + nargs: 1 + }) .argv try { @@ -50,7 +56,8 @@ try { destination: argv.destination, format: argv.format, prefix: argv.prefix, - flat: argv.flat + flat: argv.flat, + quotedKeys: argv['quoted-keys'] }) converter.writeToFile() .then((options) => { diff --git a/src/converters/Converter.js b/src/converters/Converter.js index 7c6517e..766ab56 100644 --- a/src/converters/Converter.js +++ b/src/converters/Converter.js @@ -14,18 +14,21 @@ class Converter { mapOpener = '(\n' /** @type {string} - the symbol that ends a map */ mapCloser = ')' + /** @type {boolean} - should map keys be quoted */ + quotedKeys = false /** * @param opts * @param {Object} opts.config - Tailwind config object * @param {Boolean} opts.flat - Is flat or not * @param {String} opts.prefix - If we want a variable prefix + * @param {Boolean} [opts.quotedKeys] - Should map keys be quoted */ constructor (opts) { this.config = opts.config.theme this.flat = opts.flat - this.prefix = opts.prefix || '' + this.quotedKeys = opts.quotedKeys || false } /** @@ -184,7 +187,7 @@ class Converter { * @private */ _objectEntryKeySanitizer (key) { - return key + return this.quotedKeys ? `"${key}"` : key } } diff --git a/src/converters/Sass.js b/src/converters/Sass.js index 262537d..4b5541b 100644 --- a/src/converters/Sass.js +++ b/src/converters/Sass.js @@ -12,7 +12,7 @@ class SassConverter extends Converter { } _buildObjectEntry (key, value, indent, index, metricIndex = 0) { - return indentWith(`${key}: ${this._sanitizePropValue(value)},`, indent + ((!index && !metricIndex) ? 0 : 1)) + return indentWith(`${this._objectEntryKeySanitizer(key)}: ${this._sanitizePropValue(value)},`, indent + ((!index && !metricIndex) ? 0 : 1)) } } diff --git a/src/converters/Stylus.js b/src/converters/Stylus.js index 9c31c3b..9b24cba 100644 --- a/src/converters/Stylus.js +++ b/src/converters/Stylus.js @@ -11,7 +11,7 @@ class StylusConverter extends Converter { } _objectEntryKeySanitizer (prop) { - if (/\d/.test(prop)) return `"${prop}"` + if (/\d/.test(prop) || this.quotedKeys) return `"${prop}"` return prop } } diff --git a/src/index.js b/src/index.js index 0f8e153..24b6972 100644 --- a/src/index.js +++ b/src/index.js @@ -22,6 +22,7 @@ class ConvertTo { * @param {String} options.destination - Output destination * @param {Boolean} [options.flat] - Whether the variables should be nested maps or flat level variables * @param {String} options.format - The desired format + * @param {Boolean} options.quotedSassKeys - Whether SASS keys should be quoted. Both for Sass and SCSS. */ constructor (options) { if (!allowedFormatsMap.hasOwnProperty(options.format)) { @@ -32,7 +33,7 @@ class ConvertTo { const Converter = allowedFormatsMap[options.format] const config = resolveConfig(options.config) - this.converterInstance = new Converter({ config, prefix: options.prefix, flat: options.flat }) + this.converterInstance = new Converter({ ...options, config }) } /** diff --git a/tests/specs/converters/Sass.spec.js b/tests/specs/converters/Sass.spec.js index 524fe79..68cf030 100644 --- a/tests/specs/converters/Sass.spec.js +++ b/tests/specs/converters/Sass.spec.js @@ -11,6 +11,16 @@ describe('Sass converter', () => { expect(converter.convert()).toMatchSnapshot() }) + it('wraps keys in quotes', () => { + const converter = new SassConverter({ + config: resolveConfig(testConfig), + quotedKeys: true + }) + const result = converter.convert() + expect(result).toContain('$screens: ("sm":') + expect(result).toMatchSnapshot() + }) + it('Converts to flat variables', () => { const converter = new SassConverter({ config: resolveConfig(testConfig), diff --git a/tests/specs/converters/Scss.spec.js b/tests/specs/converters/Scss.spec.js index 9caaa22..e694238 100644 --- a/tests/specs/converters/Scss.spec.js +++ b/tests/specs/converters/Scss.spec.js @@ -10,6 +10,16 @@ describe('Scss converter', () => { expect(converter.convert()).toMatchSnapshot() }) + it('converts a nested map with quoted keys', () => { + const converter = new ScssConverter({ + config: resolveConfig(testConfig), + quotedKeys: true + }) + const result = converter.convert() + expect(result).toContain('"sm": 640px') + expect(result).toMatchSnapshot() + }) + it('Converts to flat variables', () => { const converter = new ScssConverter({ config: resolveConfig(testConfig), diff --git a/tests/specs/converters/Stylus.spec.js b/tests/specs/converters/Stylus.spec.js index 655daf0..dbab371 100644 --- a/tests/specs/converters/Stylus.spec.js +++ b/tests/specs/converters/Stylus.spec.js @@ -11,6 +11,16 @@ describe('Stylus converter', () => { expect(converter.convert()).toMatchSnapshot() }) + it('Converts to nested map and wraps keys in quotes', () => { + const converter = new StylusConverter({ + config: resolveConfig(testConfig), + quotedKeys: true + }) + const result = converter.convert() + expect(result).toContain('"sm": 640px') + expect(result).toMatchSnapshot() + }) + it('Converts to flat variables', () => { const converter = new StylusConverter({ config: resolveConfig(testConfig) diff --git a/tests/specs/converters/__snapshots__/Sass.spec.js.snap b/tests/specs/converters/__snapshots__/Sass.spec.js.snap index a9f13c1..afff714 100644 --- a/tests/specs/converters/__snapshots__/Sass.spec.js.snap +++ b/tests/specs/converters/__snapshots__/Sass.spec.js.snap @@ -1785,3 +1785,83 @@ $tw-width: (0: 0, 1: 0.25rem, 2: 0.5rem, 3: 0.75rem, 4: 1rem, 5: 1.25rem, 6: 1.5 $tw-zIndex: (0: 0, 10: 10, 20: 20, 30: 30, 40: 40, 50: 50, auto: auto,) " `; + +exports[`Sass converter wraps keys in quotes 1`] = ` +" +$screens: (\\"sm\\": 640px, \\"md\\": 768px, \\"lg\\": 1024px, \\"xl\\": 1280px,) + +$fontFamily: (\\"display\\": (Gilroy,sans-serif), \\"body\\": (Graphik,sans-serif),) + +$borderWidth: (\\"0\\": 0, \\"2\\": 2px, \\"4\\": 4px, \\"default\\": 1px,) + +$colors: (\\"transparent\\": transparent, \\"black\\": #000, \\"white\\": #fff, \\"gray-100\\": #f7fafc, \\"gray-200\\": #edf2f7, \\"gray-300\\": #e2e8f0, \\"gray-400\\": #cbd5e0, \\"gray-500\\": #a0aec0, \\"gray-600\\": #718096, \\"gray-700\\": #4a5568, \\"gray-800\\": #2d3748, \\"gray-900\\": #1a202c, \\"red-100\\": #fff5f5, \\"red-200\\": #fed7d7, \\"red-300\\": #feb2b2, \\"red-400\\": #fc8181, \\"red-500\\": #f56565, \\"red-600\\": #e53e3e, \\"red-700\\": #c53030, \\"red-800\\": #9b2c2c, \\"red-900\\": #742a2a, \\"orange-100\\": #fffaf0, \\"orange-200\\": #feebc8, \\"orange-300\\": #fbd38d, \\"orange-400\\": #f6ad55, \\"orange-500\\": #ed8936, \\"orange-600\\": #dd6b20, \\"orange-700\\": #c05621, \\"orange-800\\": #9c4221, \\"orange-900\\": #7b341e, \\"yellow-100\\": #fffff0, \\"yellow-200\\": #fefcbf, \\"yellow-300\\": #faf089, \\"yellow-400\\": #f6e05e, \\"yellow-500\\": #ecc94b, \\"yellow-600\\": #d69e2e, \\"yellow-700\\": #b7791f, \\"yellow-800\\": #975a16, \\"yellow-900\\": #744210, \\"green-100\\": #f0fff4, \\"green-200\\": #c6f6d5, \\"green-300\\": #9ae6b4, \\"green-400\\": #68d391, \\"green-500\\": #48bb78, \\"green-600\\": #38a169, \\"green-700\\": #2f855a, \\"green-800\\": #276749, \\"green-900\\": #22543d, \\"teal-100\\": #e6fffa, \\"teal-200\\": #b2f5ea, \\"teal-300\\": #81e6d9, \\"teal-400\\": #4fd1c5, \\"teal-500\\": #38b2ac, \\"teal-600\\": #319795, \\"teal-700\\": #2c7a7b, \\"teal-800\\": #285e61, \\"teal-900\\": #234e52, \\"blue-100\\": #ebf8ff, \\"blue-200\\": #bee3f8, \\"blue-300\\": #90cdf4, \\"blue-400\\": #63b3ed, \\"blue-500\\": #4299e1, \\"blue-600\\": #3182ce, \\"blue-700\\": #2b6cb0, \\"blue-800\\": #2c5282, \\"blue-900\\": #2a4365, \\"indigo-100\\": #ebf4ff, \\"indigo-200\\": #c3dafe, \\"indigo-300\\": #a3bffa, \\"indigo-400\\": #7f9cf5, \\"indigo-500\\": #667eea, \\"indigo-600\\": #5a67d8, \\"indigo-700\\": #4c51bf, \\"indigo-800\\": #434190, \\"indigo-900\\": #3c366b, \\"purple-100\\": #faf5ff, \\"purple-200\\": #e9d8fd, \\"purple-300\\": #d6bcfa, \\"purple-400\\": #b794f4, \\"purple-500\\": #9f7aea, \\"purple-600\\": #805ad5, \\"purple-700\\": #6b46c1, \\"purple-800\\": #553c9a, \\"purple-900\\": #44337a, \\"pink-100\\": #fff5f7, \\"pink-200\\": #fed7e2, \\"pink-300\\": #fbb6ce, \\"pink-400\\": #f687b3, \\"pink-500\\": #ed64a6, \\"pink-600\\": #d53f8c, \\"pink-700\\": #b83280, \\"pink-800\\": #97266d, \\"pink-900\\": #702459, \\"cyan\\": #9cdbff,) + +$spacing: (\\"0\\": 0, \\"1\\": 0.25rem, \\"2\\": 0.5rem, \\"3\\": 0.75rem, \\"4\\": 1rem, \\"5\\": 1.25rem, \\"6\\": 1.5rem, \\"8\\": 2rem, \\"10\\": 2.5rem, \\"12\\": 3rem, \\"16\\": 4rem, \\"20\\": 5rem, \\"24\\": 6rem, \\"32\\": 8rem, \\"40\\": 10rem, \\"48\\": 12rem, \\"56\\": 14rem, \\"64\\": 16rem, \\"96\\": 24rem, \\"128\\": 32rem, \\"px\\": 1px,) + +$backgroundColor: (\\"transparent\\": transparent, \\"black\\": #000, \\"white\\": #fff, \\"gray-100\\": #f7fafc, \\"gray-200\\": #edf2f7, \\"gray-300\\": #e2e8f0, \\"gray-400\\": #cbd5e0, \\"gray-500\\": #a0aec0, \\"gray-600\\": #718096, \\"gray-700\\": #4a5568, \\"gray-800\\": #2d3748, \\"gray-900\\": #1a202c, \\"red-100\\": #fff5f5, \\"red-200\\": #fed7d7, \\"red-300\\": #feb2b2, \\"red-400\\": #fc8181, \\"red-500\\": #f56565, \\"red-600\\": #e53e3e, \\"red-700\\": #c53030, \\"red-800\\": #9b2c2c, \\"red-900\\": #742a2a, \\"orange-100\\": #fffaf0, \\"orange-200\\": #feebc8, \\"orange-300\\": #fbd38d, \\"orange-400\\": #f6ad55, \\"orange-500\\": #ed8936, \\"orange-600\\": #dd6b20, \\"orange-700\\": #c05621, \\"orange-800\\": #9c4221, \\"orange-900\\": #7b341e, \\"yellow-100\\": #fffff0, \\"yellow-200\\": #fefcbf, \\"yellow-300\\": #faf089, \\"yellow-400\\": #f6e05e, \\"yellow-500\\": #ecc94b, \\"yellow-600\\": #d69e2e, \\"yellow-700\\": #b7791f, \\"yellow-800\\": #975a16, \\"yellow-900\\": #744210, \\"green-100\\": #f0fff4, \\"green-200\\": #c6f6d5, \\"green-300\\": #9ae6b4, \\"green-400\\": #68d391, \\"green-500\\": #48bb78, \\"green-600\\": #38a169, \\"green-700\\": #2f855a, \\"green-800\\": #276749, \\"green-900\\": #22543d, \\"teal-100\\": #e6fffa, \\"teal-200\\": #b2f5ea, \\"teal-300\\": #81e6d9, \\"teal-400\\": #4fd1c5, \\"teal-500\\": #38b2ac, \\"teal-600\\": #319795, \\"teal-700\\": #2c7a7b, \\"teal-800\\": #285e61, \\"teal-900\\": #234e52, \\"blue-100\\": #ebf8ff, \\"blue-200\\": #bee3f8, \\"blue-300\\": #90cdf4, \\"blue-400\\": #63b3ed, \\"blue-500\\": #4299e1, \\"blue-600\\": #3182ce, \\"blue-700\\": #2b6cb0, \\"blue-800\\": #2c5282, \\"blue-900\\": #2a4365, \\"indigo-100\\": #ebf4ff, \\"indigo-200\\": #c3dafe, \\"indigo-300\\": #a3bffa, \\"indigo-400\\": #7f9cf5, \\"indigo-500\\": #667eea, \\"indigo-600\\": #5a67d8, \\"indigo-700\\": #4c51bf, \\"indigo-800\\": #434190, \\"indigo-900\\": #3c366b, \\"purple-100\\": #faf5ff, \\"purple-200\\": #e9d8fd, \\"purple-300\\": #d6bcfa, \\"purple-400\\": #b794f4, \\"purple-500\\": #9f7aea, \\"purple-600\\": #805ad5, \\"purple-700\\": #6b46c1, \\"purple-800\\": #553c9a, \\"purple-900\\": #44337a, \\"pink-100\\": #fff5f7, \\"pink-200\\": #fed7e2, \\"pink-300\\": #fbb6ce, \\"pink-400\\": #f687b3, \\"pink-500\\": #ed64a6, \\"pink-600\\": #d53f8c, \\"pink-700\\": #b83280, \\"pink-800\\": #97266d, \\"pink-900\\": #702459, \\"cyan\\": #9cdbff,) + +$backgroundPosition: (\\"bottom\\": bottom, \\"center\\": center, \\"left\\": left, \\"left-bottom\\": left bottom, \\"left-top\\": left top, \\"right\\": right, \\"right-bottom\\": right bottom, \\"right-top\\": right top, \\"top\\": top,) + +$backgroundSize: (\\"auto\\": auto, \\"cover\\": cover, \\"contain\\": contain,) + +$borderColor: (\\"transparent\\": transparent, \\"black\\": #000, \\"white\\": #fff, \\"gray-100\\": #f7fafc, \\"gray-200\\": #edf2f7, \\"gray-300\\": #e2e8f0, \\"gray-400\\": #cbd5e0, \\"gray-500\\": #a0aec0, \\"gray-600\\": #718096, \\"gray-700\\": #4a5568, \\"gray-800\\": #2d3748, \\"gray-900\\": #1a202c, \\"red-100\\": #fff5f5, \\"red-200\\": #fed7d7, \\"red-300\\": #feb2b2, \\"red-400\\": #fc8181, \\"red-500\\": #f56565, \\"red-600\\": #e53e3e, \\"red-700\\": #c53030, \\"red-800\\": #9b2c2c, \\"red-900\\": #742a2a, \\"orange-100\\": #fffaf0, \\"orange-200\\": #feebc8, \\"orange-300\\": #fbd38d, \\"orange-400\\": #f6ad55, \\"orange-500\\": #ed8936, \\"orange-600\\": #dd6b20, \\"orange-700\\": #c05621, \\"orange-800\\": #9c4221, \\"orange-900\\": #7b341e, \\"yellow-100\\": #fffff0, \\"yellow-200\\": #fefcbf, \\"yellow-300\\": #faf089, \\"yellow-400\\": #f6e05e, \\"yellow-500\\": #ecc94b, \\"yellow-600\\": #d69e2e, \\"yellow-700\\": #b7791f, \\"yellow-800\\": #975a16, \\"yellow-900\\": #744210, \\"green-100\\": #f0fff4, \\"green-200\\": #c6f6d5, \\"green-300\\": #9ae6b4, \\"green-400\\": #68d391, \\"green-500\\": #48bb78, \\"green-600\\": #38a169, \\"green-700\\": #2f855a, \\"green-800\\": #276749, \\"green-900\\": #22543d, \\"teal-100\\": #e6fffa, \\"teal-200\\": #b2f5ea, \\"teal-300\\": #81e6d9, \\"teal-400\\": #4fd1c5, \\"teal-500\\": #38b2ac, \\"teal-600\\": #319795, \\"teal-700\\": #2c7a7b, \\"teal-800\\": #285e61, \\"teal-900\\": #234e52, \\"blue-100\\": #ebf8ff, \\"blue-200\\": #bee3f8, \\"blue-300\\": #90cdf4, \\"blue-400\\": #63b3ed, \\"blue-500\\": #4299e1, \\"blue-600\\": #3182ce, \\"blue-700\\": #2b6cb0, \\"blue-800\\": #2c5282, \\"blue-900\\": #2a4365, \\"indigo-100\\": #ebf4ff, \\"indigo-200\\": #c3dafe, \\"indigo-300\\": #a3bffa, \\"indigo-400\\": #7f9cf5, \\"indigo-500\\": #667eea, \\"indigo-600\\": #5a67d8, \\"indigo-700\\": #4c51bf, \\"indigo-800\\": #434190, \\"indigo-900\\": #3c366b, \\"purple-100\\": #faf5ff, \\"purple-200\\": #e9d8fd, \\"purple-300\\": #d6bcfa, \\"purple-400\\": #b794f4, \\"purple-500\\": #9f7aea, \\"purple-600\\": #805ad5, \\"purple-700\\": #6b46c1, \\"purple-800\\": #553c9a, \\"purple-900\\": #44337a, \\"pink-100\\": #fff5f7, \\"pink-200\\": #fed7e2, \\"pink-300\\": #fbb6ce, \\"pink-400\\": #f687b3, \\"pink-500\\": #ed64a6, \\"pink-600\\": #d53f8c, \\"pink-700\\": #b83280, \\"pink-800\\": #97266d, \\"pink-900\\": #702459, \\"cyan\\": #9cdbff, \\"default\\": #e2e8f0,) + +$borderRadius: (\\"none\\": 0, \\"sm\\": 0.125rem, \\"default\\": 0.25rem, \\"lg\\": 0.5rem, \\"full\\": 9999px,) + +$boxShadow: (\\"default\\": (0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)), \\"md\\": (0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)), \\"lg\\": (0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)), \\"xl\\": (0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)), \\"2xl\\": (0 25px 50px -12px rgba(0, 0, 0, 0.25)), \\"inner\\": (inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)), \\"outline\\": (0 0 0 3px rgba(66, 153, 225, 0.5)), \\"none\\": none,) + +$container: () + +$cursor: (\\"auto\\": auto, \\"default\\": default, \\"pointer\\": pointer, \\"wait\\": wait, \\"text\\": text, \\"move\\": move, \\"not-allowed\\": not-allowed,) + +$fill: (\\"current\\": currentColor,) + +$flex: (\\"1\\": 1 1 0%, \\"auto\\": 1 1 auto, \\"initial\\": 0 1 auto, \\"none\\": none,) + +$flexGrow: (\\"0\\": 0, \\"default\\": 1,) + +$flexShrink: (\\"0\\": 0, \\"default\\": 1,) + +$fontSize: (\\"xs\\": 0.75rem, \\"sm\\": 0.875rem, \\"base\\": 1rem, \\"lg\\": 1.125rem, \\"xl\\": 1.25rem, \\"2xl\\": 1.5rem, \\"3xl\\": 1.875rem, \\"4xl\\": 2.25rem, \\"5xl\\": 3rem, \\"6xl\\": 4rem,) + +$fontWeight: (\\"hairline\\": 100, \\"thin\\": 200, \\"light\\": 300, \\"normal\\": 400, \\"medium\\": 500, \\"semibold\\": 600, \\"bold\\": 700, \\"extrabold\\": 800, \\"black\\": 900,) + +$height: (\\"0\\": 0, \\"1\\": 0.25rem, \\"2\\": 0.5rem, \\"3\\": 0.75rem, \\"4\\": 1rem, \\"5\\": 1.25rem, \\"6\\": 1.5rem, \\"8\\": 2rem, \\"10\\": 2.5rem, \\"12\\": 3rem, \\"16\\": 4rem, \\"20\\": 5rem, \\"24\\": 6rem, \\"32\\": 8rem, \\"40\\": 10rem, \\"48\\": 12rem, \\"56\\": 14rem, \\"64\\": 16rem, \\"96\\": 24rem, \\"128\\": 32rem, \\"auto\\": auto, \\"px\\": 1px, \\"full\\": 100%, \\"screen\\": 100vh,) + +$inset: (\\"0\\": 0, \\"auto\\": auto,) + +$letterSpacing: (\\"tighter\\": -0.05em, \\"tight\\": -0.025em, \\"normal\\": 0, \\"wide\\": 0.025em, \\"wider\\": 0.05em, \\"widest\\": 0.1em,) + +$lineHeight: (\\"none\\": 1, \\"tight\\": 1.25, \\"snug\\": 1.375, \\"normal\\": 1.5, \\"relaxed\\": 1.625, \\"loose\\": 2,) + +$listStyleType: (\\"none\\": none, \\"disc\\": disc, \\"decimal\\": decimal,) + +$margin: (\\"0\\": 0, \\"1\\": 0.25rem, \\"2\\": 0.5rem, \\"3\\": 0.75rem, \\"4\\": 1rem, \\"5\\": 1.25rem, \\"6\\": 1.5rem, \\"8\\": 2rem, \\"10\\": 2.5rem, \\"12\\": 3rem, \\"16\\": 4rem, \\"20\\": 5rem, \\"24\\": 6rem, \\"32\\": 8rem, \\"40\\": 10rem, \\"48\\": 12rem, \\"56\\": 14rem, \\"64\\": 16rem, \\"96\\": 24rem, \\"128\\": 32rem, \\"auto\\": auto, \\"px\\": 1px, \\"-1\\": -0.25rem, \\"-2\\": -0.5rem, \\"-3\\": -0.75rem, \\"-4\\": -1rem, \\"-5\\": -1.25rem, \\"-6\\": -1.5rem, \\"-8\\": -2rem, \\"-10\\": -2.5rem, \\"-12\\": -3rem, \\"-16\\": -4rem, \\"-20\\": -5rem, \\"-24\\": -6rem, \\"-32\\": -8rem, \\"-40\\": -10rem, \\"-48\\": -12rem, \\"-56\\": -14rem, \\"-64\\": -16rem, \\"-96\\": -24rem, \\"-128\\": -32rem, \\"-px\\": -1px,) + +$maxHeight: (\\"full\\": 100%, \\"screen\\": 100vh,) + +$maxWidth: (\\"xs\\": 20rem, \\"sm\\": 24rem, \\"md\\": 28rem, \\"lg\\": 32rem, \\"xl\\": 36rem, \\"2xl\\": 42rem, \\"3xl\\": 48rem, \\"4xl\\": 56rem, \\"5xl\\": 64rem, \\"6xl\\": 72rem, \\"full\\": 100%,) + +$minHeight: (\\"0\\": 0, \\"full\\": 100%, \\"screen\\": 100vh,) + +$minWidth: (\\"0\\": 0, \\"full\\": 100%,) + +$objectPosition: (\\"bottom\\": bottom, \\"center\\": center, \\"left\\": left, \\"left-bottom\\": left bottom, \\"left-top\\": left top, \\"right\\": right, \\"right-bottom\\": right bottom, \\"right-top\\": right top, \\"top\\": top,) + +$opacity: (\\"0\\": 0, \\"25\\": 0.25, \\"50\\": 0.5, \\"75\\": 0.75, \\"100\\": 1,) + +$order: (\\"1\\": 1, \\"2\\": 2, \\"3\\": 3, \\"4\\": 4, \\"5\\": 5, \\"6\\": 6, \\"7\\": 7, \\"8\\": 8, \\"9\\": 9, \\"10\\": 10, \\"11\\": 11, \\"12\\": 12, \\"first\\": -9999, \\"last\\": 9999, \\"none\\": 0,) + +$padding: (\\"0\\": 0, \\"1\\": 0.25rem, \\"2\\": 0.5rem, \\"3\\": 0.75rem, \\"4\\": 1rem, \\"5\\": 1.25rem, \\"6\\": 1.5rem, \\"8\\": 2rem, \\"10\\": 2.5rem, \\"12\\": 3rem, \\"16\\": 4rem, \\"20\\": 5rem, \\"24\\": 6rem, \\"32\\": 8rem, \\"40\\": 10rem, \\"48\\": 12rem, \\"56\\": 14rem, \\"64\\": 16rem, \\"96\\": 24rem, \\"128\\": 32rem, \\"px\\": 1px,) + +$placeholderColor: (\\"transparent\\": transparent, \\"black\\": #000, \\"white\\": #fff, \\"gray-100\\": #f7fafc, \\"gray-200\\": #edf2f7, \\"gray-300\\": #e2e8f0, \\"gray-400\\": #cbd5e0, \\"gray-500\\": #a0aec0, \\"gray-600\\": #718096, \\"gray-700\\": #4a5568, \\"gray-800\\": #2d3748, \\"gray-900\\": #1a202c, \\"red-100\\": #fff5f5, \\"red-200\\": #fed7d7, \\"red-300\\": #feb2b2, \\"red-400\\": #fc8181, \\"red-500\\": #f56565, \\"red-600\\": #e53e3e, \\"red-700\\": #c53030, \\"red-800\\": #9b2c2c, \\"red-900\\": #742a2a, \\"orange-100\\": #fffaf0, \\"orange-200\\": #feebc8, \\"orange-300\\": #fbd38d, \\"orange-400\\": #f6ad55, \\"orange-500\\": #ed8936, \\"orange-600\\": #dd6b20, \\"orange-700\\": #c05621, \\"orange-800\\": #9c4221, \\"orange-900\\": #7b341e, \\"yellow-100\\": #fffff0, \\"yellow-200\\": #fefcbf, \\"yellow-300\\": #faf089, \\"yellow-400\\": #f6e05e, \\"yellow-500\\": #ecc94b, \\"yellow-600\\": #d69e2e, \\"yellow-700\\": #b7791f, \\"yellow-800\\": #975a16, \\"yellow-900\\": #744210, \\"green-100\\": #f0fff4, \\"green-200\\": #c6f6d5, \\"green-300\\": #9ae6b4, \\"green-400\\": #68d391, \\"green-500\\": #48bb78, \\"green-600\\": #38a169, \\"green-700\\": #2f855a, \\"green-800\\": #276749, \\"green-900\\": #22543d, \\"teal-100\\": #e6fffa, \\"teal-200\\": #b2f5ea, \\"teal-300\\": #81e6d9, \\"teal-400\\": #4fd1c5, \\"teal-500\\": #38b2ac, \\"teal-600\\": #319795, \\"teal-700\\": #2c7a7b, \\"teal-800\\": #285e61, \\"teal-900\\": #234e52, \\"blue-100\\": #ebf8ff, \\"blue-200\\": #bee3f8, \\"blue-300\\": #90cdf4, \\"blue-400\\": #63b3ed, \\"blue-500\\": #4299e1, \\"blue-600\\": #3182ce, \\"blue-700\\": #2b6cb0, \\"blue-800\\": #2c5282, \\"blue-900\\": #2a4365, \\"indigo-100\\": #ebf4ff, \\"indigo-200\\": #c3dafe, \\"indigo-300\\": #a3bffa, \\"indigo-400\\": #7f9cf5, \\"indigo-500\\": #667eea, \\"indigo-600\\": #5a67d8, \\"indigo-700\\": #4c51bf, \\"indigo-800\\": #434190, \\"indigo-900\\": #3c366b, \\"purple-100\\": #faf5ff, \\"purple-200\\": #e9d8fd, \\"purple-300\\": #d6bcfa, \\"purple-400\\": #b794f4, \\"purple-500\\": #9f7aea, \\"purple-600\\": #805ad5, \\"purple-700\\": #6b46c1, \\"purple-800\\": #553c9a, \\"purple-900\\": #44337a, \\"pink-100\\": #fff5f7, \\"pink-200\\": #fed7e2, \\"pink-300\\": #fbb6ce, \\"pink-400\\": #f687b3, \\"pink-500\\": #ed64a6, \\"pink-600\\": #d53f8c, \\"pink-700\\": #b83280, \\"pink-800\\": #97266d, \\"pink-900\\": #702459, \\"cyan\\": #9cdbff,) + +$stroke: (\\"current\\": currentColor,) + +$textColor: (\\"transparent\\": transparent, \\"black\\": #000, \\"white\\": #fff, \\"gray-100\\": #f7fafc, \\"gray-200\\": #edf2f7, \\"gray-300\\": #e2e8f0, \\"gray-400\\": #cbd5e0, \\"gray-500\\": #a0aec0, \\"gray-600\\": #718096, \\"gray-700\\": #4a5568, \\"gray-800\\": #2d3748, \\"gray-900\\": #1a202c, \\"red-100\\": #fff5f5, \\"red-200\\": #fed7d7, \\"red-300\\": #feb2b2, \\"red-400\\": #fc8181, \\"red-500\\": #f56565, \\"red-600\\": #e53e3e, \\"red-700\\": #c53030, \\"red-800\\": #9b2c2c, \\"red-900\\": #742a2a, \\"orange-100\\": #fffaf0, \\"orange-200\\": #feebc8, \\"orange-300\\": #fbd38d, \\"orange-400\\": #f6ad55, \\"orange-500\\": #ed8936, \\"orange-600\\": #dd6b20, \\"orange-700\\": #c05621, \\"orange-800\\": #9c4221, \\"orange-900\\": #7b341e, \\"yellow-100\\": #fffff0, \\"yellow-200\\": #fefcbf, \\"yellow-300\\": #faf089, \\"yellow-400\\": #f6e05e, \\"yellow-500\\": #ecc94b, \\"yellow-600\\": #d69e2e, \\"yellow-700\\": #b7791f, \\"yellow-800\\": #975a16, \\"yellow-900\\": #744210, \\"green-100\\": #f0fff4, \\"green-200\\": #c6f6d5, \\"green-300\\": #9ae6b4, \\"green-400\\": #68d391, \\"green-500\\": #48bb78, \\"green-600\\": #38a169, \\"green-700\\": #2f855a, \\"green-800\\": #276749, \\"green-900\\": #22543d, \\"teal-100\\": #e6fffa, \\"teal-200\\": #b2f5ea, \\"teal-300\\": #81e6d9, \\"teal-400\\": #4fd1c5, \\"teal-500\\": #38b2ac, \\"teal-600\\": #319795, \\"teal-700\\": #2c7a7b, \\"teal-800\\": #285e61, \\"teal-900\\": #234e52, \\"blue-100\\": #ebf8ff, \\"blue-200\\": #bee3f8, \\"blue-300\\": #90cdf4, \\"blue-400\\": #63b3ed, \\"blue-500\\": #4299e1, \\"blue-600\\": #3182ce, \\"blue-700\\": #2b6cb0, \\"blue-800\\": #2c5282, \\"blue-900\\": #2a4365, \\"indigo-100\\": #ebf4ff, \\"indigo-200\\": #c3dafe, \\"indigo-300\\": #a3bffa, \\"indigo-400\\": #7f9cf5, \\"indigo-500\\": #667eea, \\"indigo-600\\": #5a67d8, \\"indigo-700\\": #4c51bf, \\"indigo-800\\": #434190, \\"indigo-900\\": #3c366b, \\"purple-100\\": #faf5ff, \\"purple-200\\": #e9d8fd, \\"purple-300\\": #d6bcfa, \\"purple-400\\": #b794f4, \\"purple-500\\": #9f7aea, \\"purple-600\\": #805ad5, \\"purple-700\\": #6b46c1, \\"purple-800\\": #553c9a, \\"purple-900\\": #44337a, \\"pink-100\\": #fff5f7, \\"pink-200\\": #fed7e2, \\"pink-300\\": #fbb6ce, \\"pink-400\\": #f687b3, \\"pink-500\\": #ed64a6, \\"pink-600\\": #d53f8c, \\"pink-700\\": #b83280, \\"pink-800\\": #97266d, \\"pink-900\\": #702459, \\"cyan\\": #9cdbff,) + +$width: (\\"0\\": 0, \\"1\\": 0.25rem, \\"2\\": 0.5rem, \\"3\\": 0.75rem, \\"4\\": 1rem, \\"5\\": 1.25rem, \\"6\\": 1.5rem, \\"8\\": 2rem, \\"10\\": 2.5rem, \\"12\\": 3rem, \\"16\\": 4rem, \\"20\\": 5rem, \\"24\\": 6rem, \\"32\\": 8rem, \\"40\\": 10rem, \\"48\\": 12rem, \\"56\\": 14rem, \\"64\\": 16rem, \\"96\\": 24rem, \\"128\\": 32rem, \\"auto\\": auto, \\"px\\": 1px, \\"1/2\\": 50%, \\"1/3\\": 33.333333%, \\"2/3\\": 66.666667%, \\"1/4\\": 25%, \\"2/4\\": 50%, \\"3/4\\": 75%, \\"1/5\\": 20%, \\"2/5\\": 40%, \\"3/5\\": 60%, \\"4/5\\": 80%, \\"1/6\\": 16.666667%, \\"2/6\\": 33.333333%, \\"3/6\\": 50%, \\"4/6\\": 66.666667%, \\"5/6\\": 83.333333%, \\"1/12\\": 8.333333%, \\"2/12\\": 16.666667%, \\"3/12\\": 25%, \\"4/12\\": 33.333333%, \\"5/12\\": 41.666667%, \\"6/12\\": 50%, \\"7/12\\": 58.333333%, \\"8/12\\": 66.666667%, \\"9/12\\": 75%, \\"10/12\\": 83.333333%, \\"11/12\\": 91.666667%, \\"full\\": 100%, \\"screen\\": 100vw,) + +$zIndex: (\\"0\\": 0, \\"10\\": 10, \\"20\\": 20, \\"30\\": 30, \\"40\\": 40, \\"50\\": 50, \\"auto\\": auto,) +" +`; diff --git a/tests/specs/converters/__snapshots__/Scss.spec.js.snap b/tests/specs/converters/__snapshots__/Scss.spec.js.snap index caab873..a605b45 100644 --- a/tests/specs/converters/__snapshots__/Scss.spec.js.snap +++ b/tests/specs/converters/__snapshots__/Scss.spec.js.snap @@ -3403,3 +3403,892 @@ $tw-zIndex: ( ); " `; + +exports[`Scss converter converts a nested map with quoted keys 1`] = ` +" +$screens: ( + \\"sm\\": 640px, + \\"md\\": 768px, + \\"lg\\": 1024px, + \\"xl\\": 1280px, +); + +$fontFamily: ( + \\"display\\": (Gilroy,sans-serif), + \\"body\\": (Graphik,sans-serif), +); + +$borderWidth: ( + \\"0\\": 0, + \\"2\\": 2px, + \\"4\\": 4px, + \\"default\\": 1px, +); + +$colors: ( + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +); + +$spacing: ( + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"px\\": 1px, +); + +$backgroundColor: ( + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +); + +$backgroundPosition: ( + \\"bottom\\": bottom, + \\"center\\": center, + \\"left\\": left, + \\"left-bottom\\": left bottom, + \\"left-top\\": left top, + \\"right\\": right, + \\"right-bottom\\": right bottom, + \\"right-top\\": right top, + \\"top\\": top, +); + +$backgroundSize: ( + \\"auto\\": auto, + \\"cover\\": cover, + \\"contain\\": contain, +); + +$borderColor: ( + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, + \\"default\\": #e2e8f0, +); + +$borderRadius: ( + \\"none\\": 0, + \\"sm\\": 0.125rem, + \\"default\\": 0.25rem, + \\"lg\\": 0.5rem, + \\"full\\": 9999px, +); + +$boxShadow: ( + \\"default\\": (0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)), + \\"md\\": (0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)), + \\"lg\\": (0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)), + \\"xl\\": (0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)), + \\"2xl\\": (0 25px 50px -12px rgba(0, 0, 0, 0.25)), + \\"inner\\": (inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)), + \\"outline\\": (0 0 0 3px rgba(66, 153, 225, 0.5)), + \\"none\\": none, +); + +$container: ( +); + +$cursor: ( + \\"auto\\": auto, + \\"default\\": default, + \\"pointer\\": pointer, + \\"wait\\": wait, + \\"text\\": text, + \\"move\\": move, + \\"not-allowed\\": not-allowed, +); + +$fill: ( + \\"current\\": currentColor, +); + +$flex: ( + \\"1\\": 1 1 0%, + \\"auto\\": 1 1 auto, + \\"initial\\": 0 1 auto, + \\"none\\": none, +); + +$flexGrow: ( + \\"0\\": 0, + \\"default\\": 1, +); + +$flexShrink: ( + \\"0\\": 0, + \\"default\\": 1, +); + +$fontSize: ( + \\"xs\\": 0.75rem, + \\"sm\\": 0.875rem, + \\"base\\": 1rem, + \\"lg\\": 1.125rem, + \\"xl\\": 1.25rem, + \\"2xl\\": 1.5rem, + \\"3xl\\": 1.875rem, + \\"4xl\\": 2.25rem, + \\"5xl\\": 3rem, + \\"6xl\\": 4rem, +); + +$fontWeight: ( + \\"hairline\\": 100, + \\"thin\\": 200, + \\"light\\": 300, + \\"normal\\": 400, + \\"medium\\": 500, + \\"semibold\\": 600, + \\"bold\\": 700, + \\"extrabold\\": 800, + \\"black\\": 900, +); + +$height: ( + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"auto\\": auto, + \\"px\\": 1px, + \\"full\\": 100%, + \\"screen\\": 100vh, +); + +$inset: ( + \\"0\\": 0, + \\"auto\\": auto, +); + +$letterSpacing: ( + \\"tighter\\": -0.05em, + \\"tight\\": -0.025em, + \\"normal\\": 0, + \\"wide\\": 0.025em, + \\"wider\\": 0.05em, + \\"widest\\": 0.1em, +); + +$lineHeight: ( + \\"none\\": 1, + \\"tight\\": 1.25, + \\"snug\\": 1.375, + \\"normal\\": 1.5, + \\"relaxed\\": 1.625, + \\"loose\\": 2, +); + +$listStyleType: ( + \\"none\\": none, + \\"disc\\": disc, + \\"decimal\\": decimal, +); + +$margin: ( + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"auto\\": auto, + \\"px\\": 1px, + \\"-1\\": -0.25rem, + \\"-2\\": -0.5rem, + \\"-3\\": -0.75rem, + \\"-4\\": -1rem, + \\"-5\\": -1.25rem, + \\"-6\\": -1.5rem, + \\"-8\\": -2rem, + \\"-10\\": -2.5rem, + \\"-12\\": -3rem, + \\"-16\\": -4rem, + \\"-20\\": -5rem, + \\"-24\\": -6rem, + \\"-32\\": -8rem, + \\"-40\\": -10rem, + \\"-48\\": -12rem, + \\"-56\\": -14rem, + \\"-64\\": -16rem, + \\"-96\\": -24rem, + \\"-128\\": -32rem, + \\"-px\\": -1px, +); + +$maxHeight: ( + \\"full\\": 100%, + \\"screen\\": 100vh, +); + +$maxWidth: ( + \\"xs\\": 20rem, + \\"sm\\": 24rem, + \\"md\\": 28rem, + \\"lg\\": 32rem, + \\"xl\\": 36rem, + \\"2xl\\": 42rem, + \\"3xl\\": 48rem, + \\"4xl\\": 56rem, + \\"5xl\\": 64rem, + \\"6xl\\": 72rem, + \\"full\\": 100%, +); + +$minHeight: ( + \\"0\\": 0, + \\"full\\": 100%, + \\"screen\\": 100vh, +); + +$minWidth: ( + \\"0\\": 0, + \\"full\\": 100%, +); + +$objectPosition: ( + \\"bottom\\": bottom, + \\"center\\": center, + \\"left\\": left, + \\"left-bottom\\": left bottom, + \\"left-top\\": left top, + \\"right\\": right, + \\"right-bottom\\": right bottom, + \\"right-top\\": right top, + \\"top\\": top, +); + +$opacity: ( + \\"0\\": 0, + \\"25\\": 0.25, + \\"50\\": 0.5, + \\"75\\": 0.75, + \\"100\\": 1, +); + +$order: ( + \\"1\\": 1, + \\"2\\": 2, + \\"3\\": 3, + \\"4\\": 4, + \\"5\\": 5, + \\"6\\": 6, + \\"7\\": 7, + \\"8\\": 8, + \\"9\\": 9, + \\"10\\": 10, + \\"11\\": 11, + \\"12\\": 12, + \\"first\\": -9999, + \\"last\\": 9999, + \\"none\\": 0, +); + +$padding: ( + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"px\\": 1px, +); + +$placeholderColor: ( + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +); + +$stroke: ( + \\"current\\": currentColor, +); + +$textColor: ( + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +); + +$width: ( + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"auto\\": auto, + \\"px\\": 1px, + \\"1/2\\": 50%, + \\"1/3\\": 33.333333%, + \\"2/3\\": 66.666667%, + \\"1/4\\": 25%, + \\"2/4\\": 50%, + \\"3/4\\": 75%, + \\"1/5\\": 20%, + \\"2/5\\": 40%, + \\"3/5\\": 60%, + \\"4/5\\": 80%, + \\"1/6\\": 16.666667%, + \\"2/6\\": 33.333333%, + \\"3/6\\": 50%, + \\"4/6\\": 66.666667%, + \\"5/6\\": 83.333333%, + \\"1/12\\": 8.333333%, + \\"2/12\\": 16.666667%, + \\"3/12\\": 25%, + \\"4/12\\": 33.333333%, + \\"5/12\\": 41.666667%, + \\"6/12\\": 50%, + \\"7/12\\": 58.333333%, + \\"8/12\\": 66.666667%, + \\"9/12\\": 75%, + \\"10/12\\": 83.333333%, + \\"11/12\\": 91.666667%, + \\"full\\": 100%, + \\"screen\\": 100vw, +); + +$zIndex: ( + \\"0\\": 0, + \\"10\\": 10, + \\"20\\": 20, + \\"30\\": 30, + \\"40\\": 40, + \\"50\\": 50, + \\"auto\\": auto, +); +" +`; diff --git a/tests/specs/converters/__snapshots__/Stylus.spec.js.snap b/tests/specs/converters/__snapshots__/Stylus.spec.js.snap index 5d0c2e2..227d390 100644 --- a/tests/specs/converters/__snapshots__/Stylus.spec.js.snap +++ b/tests/specs/converters/__snapshots__/Stylus.spec.js.snap @@ -2515,6 +2515,895 @@ $zIndex-auto = auto; " `; +exports[`Stylus converter Converts to nested map and wraps keys in quotes 1`] = ` +" +$screens = { + \\"sm\\": 640px, + \\"md\\": 768px, + \\"lg\\": 1024px, + \\"xl\\": 1280px, +}; + +$fontFamily = { + \\"display\\": (Gilroy,sans-serif), + \\"body\\": (Graphik,sans-serif), +}; + +$borderWidth = { + \\"0\\": 0, + \\"2\\": 2px, + \\"4\\": 4px, + \\"default\\": 1px, +}; + +$colors = { + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +}; + +$spacing = { + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"px\\": 1px, +}; + +$backgroundColor = { + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +}; + +$backgroundPosition = { + \\"bottom\\": bottom, + \\"center\\": center, + \\"left\\": left, + \\"left-bottom\\": left bottom, + \\"left-top\\": left top, + \\"right\\": right, + \\"right-bottom\\": right bottom, + \\"right-top\\": right top, + \\"top\\": top, +}; + +$backgroundSize = { + \\"auto\\": auto, + \\"cover\\": cover, + \\"contain\\": contain, +}; + +$borderColor = { + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, + \\"default\\": #e2e8f0, +}; + +$borderRadius = { + \\"none\\": 0, + \\"sm\\": 0.125rem, + \\"default\\": 0.25rem, + \\"lg\\": 0.5rem, + \\"full\\": 9999px, +}; + +$boxShadow = { + \\"default\\": (0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)), + \\"md\\": (0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)), + \\"lg\\": (0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)), + \\"xl\\": (0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)), + \\"2xl\\": (0 25px 50px -12px rgba(0, 0, 0, 0.25)), + \\"inner\\": (inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)), + \\"outline\\": (0 0 0 3px rgba(66, 153, 225, 0.5)), + \\"none\\": none, +}; + +$container = { +}; + +$cursor = { + \\"auto\\": auto, + \\"default\\": default, + \\"pointer\\": pointer, + \\"wait\\": wait, + \\"text\\": text, + \\"move\\": move, + \\"not-allowed\\": not-allowed, +}; + +$fill = { + \\"current\\": currentColor, +}; + +$flex = { + \\"1\\": 1 1 0%, + \\"auto\\": 1 1 auto, + \\"initial\\": 0 1 auto, + \\"none\\": none, +}; + +$flexGrow = { + \\"0\\": 0, + \\"default\\": 1, +}; + +$flexShrink = { + \\"0\\": 0, + \\"default\\": 1, +}; + +$fontSize = { + \\"xs\\": 0.75rem, + \\"sm\\": 0.875rem, + \\"base\\": 1rem, + \\"lg\\": 1.125rem, + \\"xl\\": 1.25rem, + \\"2xl\\": 1.5rem, + \\"3xl\\": 1.875rem, + \\"4xl\\": 2.25rem, + \\"5xl\\": 3rem, + \\"6xl\\": 4rem, +}; + +$fontWeight = { + \\"hairline\\": 100, + \\"thin\\": 200, + \\"light\\": 300, + \\"normal\\": 400, + \\"medium\\": 500, + \\"semibold\\": 600, + \\"bold\\": 700, + \\"extrabold\\": 800, + \\"black\\": 900, +}; + +$height = { + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"auto\\": auto, + \\"px\\": 1px, + \\"full\\": 100%, + \\"screen\\": 100vh, +}; + +$inset = { + \\"0\\": 0, + \\"auto\\": auto, +}; + +$letterSpacing = { + \\"tighter\\": -0.05em, + \\"tight\\": -0.025em, + \\"normal\\": 0, + \\"wide\\": 0.025em, + \\"wider\\": 0.05em, + \\"widest\\": 0.1em, +}; + +$lineHeight = { + \\"none\\": 1, + \\"tight\\": 1.25, + \\"snug\\": 1.375, + \\"normal\\": 1.5, + \\"relaxed\\": 1.625, + \\"loose\\": 2, +}; + +$listStyleType = { + \\"none\\": none, + \\"disc\\": disc, + \\"decimal\\": decimal, +}; + +$margin = { + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"auto\\": auto, + \\"px\\": 1px, + \\"-1\\": -0.25rem, + \\"-2\\": -0.5rem, + \\"-3\\": -0.75rem, + \\"-4\\": -1rem, + \\"-5\\": -1.25rem, + \\"-6\\": -1.5rem, + \\"-8\\": -2rem, + \\"-10\\": -2.5rem, + \\"-12\\": -3rem, + \\"-16\\": -4rem, + \\"-20\\": -5rem, + \\"-24\\": -6rem, + \\"-32\\": -8rem, + \\"-40\\": -10rem, + \\"-48\\": -12rem, + \\"-56\\": -14rem, + \\"-64\\": -16rem, + \\"-96\\": -24rem, + \\"-128\\": -32rem, + \\"-px\\": -1px, +}; + +$maxHeight = { + \\"full\\": 100%, + \\"screen\\": 100vh, +}; + +$maxWidth = { + \\"xs\\": 20rem, + \\"sm\\": 24rem, + \\"md\\": 28rem, + \\"lg\\": 32rem, + \\"xl\\": 36rem, + \\"2xl\\": 42rem, + \\"3xl\\": 48rem, + \\"4xl\\": 56rem, + \\"5xl\\": 64rem, + \\"6xl\\": 72rem, + \\"full\\": 100%, +}; + +$minHeight = { + \\"0\\": 0, + \\"full\\": 100%, + \\"screen\\": 100vh, +}; + +$minWidth = { + \\"0\\": 0, + \\"full\\": 100%, +}; + +$objectPosition = { + \\"bottom\\": bottom, + \\"center\\": center, + \\"left\\": left, + \\"left-bottom\\": left bottom, + \\"left-top\\": left top, + \\"right\\": right, + \\"right-bottom\\": right bottom, + \\"right-top\\": right top, + \\"top\\": top, +}; + +$opacity = { + \\"0\\": 0, + \\"25\\": 0.25, + \\"50\\": 0.5, + \\"75\\": 0.75, + \\"100\\": 1, +}; + +$order = { + \\"1\\": 1, + \\"2\\": 2, + \\"3\\": 3, + \\"4\\": 4, + \\"5\\": 5, + \\"6\\": 6, + \\"7\\": 7, + \\"8\\": 8, + \\"9\\": 9, + \\"10\\": 10, + \\"11\\": 11, + \\"12\\": 12, + \\"first\\": -9999, + \\"last\\": 9999, + \\"none\\": 0, +}; + +$padding = { + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"px\\": 1px, +}; + +$placeholderColor = { + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +}; + +$stroke = { + \\"current\\": currentColor, +}; + +$textColor = { + \\"transparent\\": transparent, + \\"black\\": #000, + \\"white\\": #fff, + \\"gray-100\\": #f7fafc, + \\"gray-200\\": #edf2f7, + \\"gray-300\\": #e2e8f0, + \\"gray-400\\": #cbd5e0, + \\"gray-500\\": #a0aec0, + \\"gray-600\\": #718096, + \\"gray-700\\": #4a5568, + \\"gray-800\\": #2d3748, + \\"gray-900\\": #1a202c, + \\"red-100\\": #fff5f5, + \\"red-200\\": #fed7d7, + \\"red-300\\": #feb2b2, + \\"red-400\\": #fc8181, + \\"red-500\\": #f56565, + \\"red-600\\": #e53e3e, + \\"red-700\\": #c53030, + \\"red-800\\": #9b2c2c, + \\"red-900\\": #742a2a, + \\"orange-100\\": #fffaf0, + \\"orange-200\\": #feebc8, + \\"orange-300\\": #fbd38d, + \\"orange-400\\": #f6ad55, + \\"orange-500\\": #ed8936, + \\"orange-600\\": #dd6b20, + \\"orange-700\\": #c05621, + \\"orange-800\\": #9c4221, + \\"orange-900\\": #7b341e, + \\"yellow-100\\": #fffff0, + \\"yellow-200\\": #fefcbf, + \\"yellow-300\\": #faf089, + \\"yellow-400\\": #f6e05e, + \\"yellow-500\\": #ecc94b, + \\"yellow-600\\": #d69e2e, + \\"yellow-700\\": #b7791f, + \\"yellow-800\\": #975a16, + \\"yellow-900\\": #744210, + \\"green-100\\": #f0fff4, + \\"green-200\\": #c6f6d5, + \\"green-300\\": #9ae6b4, + \\"green-400\\": #68d391, + \\"green-500\\": #48bb78, + \\"green-600\\": #38a169, + \\"green-700\\": #2f855a, + \\"green-800\\": #276749, + \\"green-900\\": #22543d, + \\"teal-100\\": #e6fffa, + \\"teal-200\\": #b2f5ea, + \\"teal-300\\": #81e6d9, + \\"teal-400\\": #4fd1c5, + \\"teal-500\\": #38b2ac, + \\"teal-600\\": #319795, + \\"teal-700\\": #2c7a7b, + \\"teal-800\\": #285e61, + \\"teal-900\\": #234e52, + \\"blue-100\\": #ebf8ff, + \\"blue-200\\": #bee3f8, + \\"blue-300\\": #90cdf4, + \\"blue-400\\": #63b3ed, + \\"blue-500\\": #4299e1, + \\"blue-600\\": #3182ce, + \\"blue-700\\": #2b6cb0, + \\"blue-800\\": #2c5282, + \\"blue-900\\": #2a4365, + \\"indigo-100\\": #ebf4ff, + \\"indigo-200\\": #c3dafe, + \\"indigo-300\\": #a3bffa, + \\"indigo-400\\": #7f9cf5, + \\"indigo-500\\": #667eea, + \\"indigo-600\\": #5a67d8, + \\"indigo-700\\": #4c51bf, + \\"indigo-800\\": #434190, + \\"indigo-900\\": #3c366b, + \\"purple-100\\": #faf5ff, + \\"purple-200\\": #e9d8fd, + \\"purple-300\\": #d6bcfa, + \\"purple-400\\": #b794f4, + \\"purple-500\\": #9f7aea, + \\"purple-600\\": #805ad5, + \\"purple-700\\": #6b46c1, + \\"purple-800\\": #553c9a, + \\"purple-900\\": #44337a, + \\"pink-100\\": #fff5f7, + \\"pink-200\\": #fed7e2, + \\"pink-300\\": #fbb6ce, + \\"pink-400\\": #f687b3, + \\"pink-500\\": #ed64a6, + \\"pink-600\\": #d53f8c, + \\"pink-700\\": #b83280, + \\"pink-800\\": #97266d, + \\"pink-900\\": #702459, + \\"cyan\\": #9cdbff, +}; + +$width = { + \\"0\\": 0, + \\"1\\": 0.25rem, + \\"2\\": 0.5rem, + \\"3\\": 0.75rem, + \\"4\\": 1rem, + \\"5\\": 1.25rem, + \\"6\\": 1.5rem, + \\"8\\": 2rem, + \\"10\\": 2.5rem, + \\"12\\": 3rem, + \\"16\\": 4rem, + \\"20\\": 5rem, + \\"24\\": 6rem, + \\"32\\": 8rem, + \\"40\\": 10rem, + \\"48\\": 12rem, + \\"56\\": 14rem, + \\"64\\": 16rem, + \\"96\\": 24rem, + \\"128\\": 32rem, + \\"auto\\": auto, + \\"px\\": 1px, + \\"1/2\\": 50%, + \\"1/3\\": 33.333333%, + \\"2/3\\": 66.666667%, + \\"1/4\\": 25%, + \\"2/4\\": 50%, + \\"3/4\\": 75%, + \\"1/5\\": 20%, + \\"2/5\\": 40%, + \\"3/5\\": 60%, + \\"4/5\\": 80%, + \\"1/6\\": 16.666667%, + \\"2/6\\": 33.333333%, + \\"3/6\\": 50%, + \\"4/6\\": 66.666667%, + \\"5/6\\": 83.333333%, + \\"1/12\\": 8.333333%, + \\"2/12\\": 16.666667%, + \\"3/12\\": 25%, + \\"4/12\\": 33.333333%, + \\"5/12\\": 41.666667%, + \\"6/12\\": 50%, + \\"7/12\\": 58.333333%, + \\"8/12\\": 66.666667%, + \\"9/12\\": 75%, + \\"10/12\\": 83.333333%, + \\"11/12\\": 91.666667%, + \\"full\\": 100%, + \\"screen\\": 100vw, +}; + +$zIndex = { + \\"0\\": 0, + \\"10\\": 10, + \\"20\\": 20, + \\"30\\": 30, + \\"40\\": 40, + \\"50\\": 50, + \\"auto\\": auto, +}; +" +`; + exports[`Stylus converter Converts to nested map with prefix 1`] = ` " $tw-screens = { diff --git a/tests/tailwind-disabled-plugins.config.js b/tests/tailwind-disabled-plugins.config.js new file mode 100644 index 0000000..3c2cb9f --- /dev/null +++ b/tests/tailwind-disabled-plugins.config.js @@ -0,0 +1,56 @@ +// tailwind.config.js +module.exports = { + theme: { + screens: { + sm: '640px', + md: '768px' + }, + fontFamily: { + display: ['Gilroy', 'sans-serif'], + body: ['Graphik', 'sans-serif'] + }, + borderWidth: { + default: '1px', + '0': '0' + }, + extend: { + minWidth: { + half: '50%' + } + } + }, + corePlugins: { + colors: false, + spacing: false, + backgroundColor: false, + backgroundPosition: false, + backgroundSize: false, + borderColor: false, + borderRadius: false, + boxShadow: false, + container: false, + cursor: false, + fill: false, + flex: false, + flexGrow: false, + flexShrink: false, + fontSize: false, + height: false, + inset: false, + letterSpacing: false, + lineHeight: false, + listStyleType: false, + margin: false, + maxHeight: false, + minHeight: false, + objectPosition: false, + opacity: false, + order: false, + padding: false, + placeholderColor: false, + stroke: false, + textColor: false, + width: false, + zIndex: false + } +}