@controlkit/divider
Advanced tools
| import { jsx } from 'react/jsx-runtime'; | ||
| import React from 'react'; | ||
| import * as stylex from '@stylexjs/stylex'; | ||
| import * as SeparatorPrimitive from '@radix-ui/react-separator'; | ||
| var DividerVariants = /* @__PURE__ */ ((DividerVariants2) => { | ||
| DividerVariants2["HORIZONTAL"] = "horizontal"; | ||
| DividerVariants2["VERTICAL"] = "vertical"; | ||
| return DividerVariants2; | ||
| })(DividerVariants || {}); | ||
| const styles = stylex.create({ | ||
| base: { | ||
| shrink: "0", | ||
| margin: 0, | ||
| padding: 0, | ||
| borderRadius: "0.25rem", | ||
| border: "none" | ||
| }, | ||
| ["horizontal" /* HORIZONTAL */]: { | ||
| width: "100%", | ||
| borderTop: "0.0625rem solid var(--divider-color, #808080)", | ||
| height: "0.0625rem" | ||
| }, | ||
| ["vertical" /* VERTICAL */]: { | ||
| height: "100%", | ||
| borderRight: "0.0625rem solid var(--divider-color, #808080)", | ||
| width: "0.0625rem" | ||
| } | ||
| }); | ||
| const Divider = React.forwardRef( | ||
| ({ | ||
| className, | ||
| extend, | ||
| orientation = "horizontal" /* HORIZONTAL */, | ||
| decorative = true, | ||
| ...props | ||
| }, ref) => /* @__PURE__ */ jsx( | ||
| SeparatorPrimitive.Root, | ||
| { | ||
| ref, | ||
| decorative, | ||
| orientation, | ||
| className, | ||
| ...stylex.props(styles.base, styles[orientation], extend), | ||
| ...props | ||
| } | ||
| ) | ||
| ); | ||
| Divider.displayName = SeparatorPrimitive.Root.displayName; | ||
| export { Divider, DividerVariants }; |
| import { default as React } from 'react'; | ||
| import * as stylex from "@stylexjs/stylex"; | ||
| import * as SeparatorPrimitive from "@radix-ui/react-separator"; | ||
| type ExtendProps = { | ||
| extend?: stylex.StyleXStyles; | ||
| }; | ||
| declare enum DividerVariants { | ||
| HORIZONTAL = "horizontal", | ||
| VERTICAL = "vertical" | ||
| } | ||
| declare const Divider: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & ExtendProps & React.RefAttributes<HTMLDivElement>>; | ||
| export { DividerVariants, Divider }; |
+36
-151
| { | ||
| "name": "@controlkit/divider", | ||
| "version": "0.1.1", | ||
| "source": "./src/index.tsx", | ||
| "module": "./dist/divider.es.js", | ||
| "types": "./dist/index.d.ts", | ||
| "files": [ | ||
| "./dist", | ||
| "./CHANGELOG.md" | ||
| ], | ||
| "exports": { | ||
| ".": { | ||
| "import": "./dist/divider.es.js" | ||
| } | ||
| }, | ||
| "scripts": { | ||
| "start": "storybook dev -p 6006", | ||
| "preview": "vite preview", | ||
| "build": "vite build", | ||
| "prepublish": "tsc --project ./tsconfig.production.json", | ||
| "start:webpack": "webpack-dev-server --config ./webpack/webpack.dev.mjs", | ||
| "build:webpack": "webpack --config ./webpack/webpack.prod.mjs && tsc -p ./tsconfig.production.json", | ||
| "test": "jest", | ||
| "test:generate-output": "jest --json --outputFile=.jest-test-results.json", | ||
| "lint:tsc": "tsc -p ./tsconfig.json", | ||
| "lint:eslint": "eslint .", | ||
| "lint:css": "stylelint --config stylelint.config.cjs \"src/**.css\"", | ||
| "lint:css:fix": "stylelint --config stylelint.config.cjs \"src/**.css\" --fix", | ||
| "format": "biome format .", | ||
| "format:fix": "biome format . --write", | ||
| "storybook": "storybook dev -p 6006", | ||
| "build-storybook": "storybook build", | ||
| "_TURBO_Commands": "", | ||
| "t:start": "dotenv -- turbo run start", | ||
| "t:preview": "dotenv -- turbo run start", | ||
| "t:build": "dotenv -- turbo run start", | ||
| "t:test": "dotenv -- turbo run test", | ||
| "t:lint:tsc": "turbo run lint:tsc", | ||
| "t:lint:eslint": "turbo run lint:eslint", | ||
| "t:lint:css": "turbo run lint:css", | ||
| "t:lint:css:fix": "turbo run lint:css:fix", | ||
| "t:format": "turbo run format", | ||
| "t:format:fix": "turbo run format:fix", | ||
| "t:start:webpack": "turbo run start:webpack", | ||
| "t:build:webpack": "turbo run build:webpack" | ||
| }, | ||
| "peerDependencies": { | ||
| "react": "^18.2.0", | ||
| "react-dom": "^18.2.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@biomejs/biome": "1.3.1", | ||
| "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11", | ||
| "@storybook/addon-a11y": "^7.5.2", | ||
| "@storybook/addon-actions": "^7.5.2", | ||
| "@storybook/addon-essentials": "7.5.2", | ||
| "@storybook/addon-interactions": "7.5.2", | ||
| "@storybook/addon-jest": "^7.5.2", | ||
| "@storybook/addon-links": "7.5.2", | ||
| "@storybook/addon-measure": "^7.5.2", | ||
| "@storybook/blocks": "7.5.2", | ||
| "@storybook/react": "7.5.2", | ||
| "@storybook/react-vite": "7.5.2", | ||
| "@storybook/testing-library": "0.2.2", | ||
| "@svgr/webpack": "^8.1.0", | ||
| "@swc-node/register": "^1.6.8", | ||
| "@swc/core": "^1.3.94", | ||
| "@swc/css": "^0.0.28", | ||
| "@swc/jest": "^0.2.29", | ||
| "@testing-library/dom": "^9.3.3", | ||
| "@testing-library/jest-dom": "^6.1.4", | ||
| "@testing-library/react": "^14.0.0", | ||
| "@testing-library/user-event": "^14.5.1", | ||
| "@types/jest": "^29.5.6", | ||
| "@types/node": "^20.8.7", | ||
| "@types/react": "^18.2.31", | ||
| "@types/react-dom": "^18.2.14", | ||
| "@typescript-eslint/eslint-plugin": "^6.8.0", | ||
| "@typescript-eslint/parser": "^6.8.0", | ||
| "@vitejs/plugin-react": "^4.1.0", | ||
| "@vitejs/plugin-react-swc": "^3.4.0", | ||
| "autoprefixer": "^10.4.16", | ||
| "browserslist": "^4.22.1", | ||
| "confusing-browser-globals": "^1.0.11", | ||
| "cross-env": "^7.0.3", | ||
| "css-loader": "^6.8.1", | ||
| "css-minimizer-webpack-plugin": "^5.0.1", | ||
| "cssnano": "^6.0.1", | ||
| "dotenv-cli": "^7.3.0", | ||
| "dotenv-webpack": "^8.0.1", | ||
| "eslint": "^8.52.0", | ||
| "eslint-import-resolver-typescript": "^3.6.1", | ||
| "eslint-plugin-import": "^2.29.0", | ||
| "eslint-plugin-jest": "^27.4.3", | ||
| "eslint-plugin-jsx-a11y": "^6.7.1", | ||
| "eslint-plugin-react": "^7.33.2", | ||
| "eslint-plugin-react-hooks": "^4.6.0", | ||
| "eslint-plugin-storybook": "^0.6.15", | ||
| "fork-ts-checker-webpack-plugin": "^9.0.0", | ||
| "html-webpack-plugin": "^5.5.3", | ||
| "jest": "^29.7.0", | ||
| "jest-environment-jsdom": "^29.7.0", | ||
| "jest-watch-typeahead": "^2.2.2", | ||
| "mini-css-extract-plugin": "^2.7.6", | ||
| "path-browserify": "^1.0.1", | ||
| "postcss": "^8.4.31", | ||
| "postcss-loader": "^7.3.3", | ||
| "react": "^18.2.0", | ||
| "react-dom": "^18.2.0", | ||
| "react-error-overlay": "^6.0.11", | ||
| "react-refresh": "^0.14.0", | ||
| "rollup-plugin-typescript2": "^0.36.0", | ||
| "rollup-plugin-visualizer": "^5.9.2", | ||
| "sass": "^1.69.5", | ||
| "sass-loader": "^13.3.2", | ||
| "storybook": "7.5.2", | ||
| "style-loader": "^3.3.3", | ||
| "stylelint": "^15.11.0", | ||
| "stylelint-config-standard": "^34.0.0", | ||
| "swc-loader": "^0.2.3", | ||
| "ts-loader": "^9.5.0", | ||
| "ts-node": "^10.9.1", | ||
| "tslib": "^2.6.2", | ||
| "type-fest": "^4.5.0", | ||
| "typescript": "5.2.2", | ||
| "url-loader": "^4.1.1", | ||
| "vite": "^4.5.0", | ||
| "vite-plugin-checker": "^0.6.2", | ||
| "vite-plugin-dts": "^3.6.3", | ||
| "vite-plugin-eslint": "^1.8.1", | ||
| "vite-plugin-html": "^3.2.0", | ||
| "vite-plugin-svgr": "^4.1.0", | ||
| "web-vitals": "^3.5.0", | ||
| "webpack": "^5.89.0", | ||
| "webpack-bundle-analyzer": "^4.9.1", | ||
| "webpack-cli": "^5.1.4", | ||
| "webpack-dev-server": "^4.15.1", | ||
| "webpack-node-externals": "^3.0.0" | ||
| }, | ||
| "browserslist": { | ||
| "production": [ | ||
| ">0.2%", | ||
| "not dead", | ||
| "not op_mini all" | ||
| ], | ||
| "development": [ | ||
| "last 1 chrome version", | ||
| "last 1 firefox version", | ||
| "last 1 safari version" | ||
| ] | ||
| } | ||
| } | ||
| "name": "@controlkit/divider", | ||
| "version": "0.2.0", | ||
| "type": "module", | ||
| "module": "dist/index.js", | ||
| "types": "dist/lib/index.d.ts", | ||
| "files": ["dist"], | ||
| "scripts": { | ||
| "dev": "bunx --bun vite", | ||
| "build": "tsc -b && bunx --bun vite build", | ||
| "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", | ||
| "preview": "bunx --bun vite preview" | ||
| }, | ||
| "peerDependencies": { | ||
| "@stylexjs/stylex": "^0.7.5", | ||
| "react": "^18.3.1", | ||
| "react-dom": "^18.3.1" | ||
| }, | ||
| "dependencies": { | ||
| "@radix-ui/react-separator": "^1.1.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@stylexjs/babel-plugin": "^0.7.5", | ||
| "@stylexjs/rollup-plugin": "^0.7.5", | ||
| "@types/react": "^18.3.3", | ||
| "@types/react-dom": "^18.3.0", | ||
| "@typescript-eslint/eslint-plugin": "^7.13.1", | ||
| "@typescript-eslint/parser": "^7.13.1", | ||
| "@vitejs/plugin-react-swc": "^3.5.0", | ||
| "eslint": "^8.57.0", | ||
| "eslint-plugin-react-hooks": "^4.6.2", | ||
| "eslint-plugin-react-refresh": "^0.4.7", | ||
| "typescript": "^5.2.2", | ||
| "vite": "^5.3.1", | ||
| "vite-plugin-dts": "^3.9.1" | ||
| } | ||
| } |
+29
-2
@@ -1,3 +0,30 @@ | ||
| # Getting Started | ||
| # React + TypeScript + Vite | ||
| This project was bootstrapped with [create-next-gen-react-app](https://github.com/clearfeld/create-next-gen-react-app). | ||
| This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. | ||
| Currently, two official plugins are available: | ||
| - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh | ||
| - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh | ||
| ## Expanding the ESLint configuration | ||
| If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: | ||
| - Configure the top-level `parserOptions` property like this: | ||
| ```js | ||
| export default { | ||
| // other rules... | ||
| parserOptions: { | ||
| ecmaVersion: 'latest', | ||
| sourceType: 'module', | ||
| project: ['./tsconfig.json', './tsconfig.node.json'], | ||
| tsconfigRootDir: __dirname, | ||
| }, | ||
| } | ||
| ``` | ||
| - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` | ||
| - Optionally add `plugin:@typescript-eslint/stylistic-type-checked` | ||
| - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list |
| # Changelog | ||
| ## 0.1.0 | ||
| * Initial release |
| import "./style.scss"; | ||
| declare function Divider(): import("react/jsx-runtime").JSX.Element; | ||
| export default Divider; | ||
| //# sourceMappingURL=index.d.ts.map |
| {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAMtB,iBAAS,OAAO,4CAEf;AAED,eAAe,OAAO,CAAC"} |
| (function webpackUniversalModuleDefinition(root, factory) { | ||
| if(typeof exports === 'object' && typeof module === 'object') | ||
| module.exports = factory(); | ||
| else if(typeof define === 'function' && define.amd) | ||
| define([], factory); | ||
| else { | ||
| var a = factory(); | ||
| for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; | ||
| } | ||
| })(globalThis, () => { | ||
| return /******/ (() => { // webpackBootstrap | ||
| /******/ "use strict"; | ||
| /******/ var __webpack_modules__ = ({ | ||
| /***/ 240: | ||
| /***/ ((module, __webpack_exports__, __webpack_require__) => { | ||
| /* harmony export */ __webpack_require__.d(__webpack_exports__, { | ||
| /* harmony export */ Z: () => (__WEBPACK_DEFAULT_EXPORT__) | ||
| /* harmony export */ }); | ||
| /* harmony import */ var _node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27); | ||
| /* harmony import */ var _node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var _node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(509); | ||
| /* harmony import */ var _node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); | ||
| // Imports | ||
| var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_8_1_webpack_5_89_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); | ||
| // Module | ||
| ___CSS_LOADER_EXPORT___.push([module.id, `.control-design-system__react__divider__hr{border:none;border-radius:.25rem;border-top:.0625rem solid var(--divider-color,grey);margin:0;padding:0;width:100%}`, ""]); | ||
| // Exports | ||
| /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); | ||
| /***/ }), | ||
| /***/ 509: | ||
| /***/ ((module) => { | ||
| /* | ||
| MIT License http://www.opensource.org/licenses/mit-license.php | ||
| Author Tobias Koppers @sokra | ||
| */ | ||
| module.exports = function (cssWithMappingToString) { | ||
| var list = []; | ||
| // return the list of modules as css string | ||
| list.toString = function toString() { | ||
| return this.map(function (item) { | ||
| var content = ""; | ||
| var needLayer = typeof item[5] !== "undefined"; | ||
| if (item[4]) { | ||
| content += "@supports (".concat(item[4], ") {"); | ||
| } | ||
| if (item[2]) { | ||
| content += "@media ".concat(item[2], " {"); | ||
| } | ||
| if (needLayer) { | ||
| content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {"); | ||
| } | ||
| content += cssWithMappingToString(item); | ||
| if (needLayer) { | ||
| content += "}"; | ||
| } | ||
| if (item[2]) { | ||
| content += "}"; | ||
| } | ||
| if (item[4]) { | ||
| content += "}"; | ||
| } | ||
| return content; | ||
| }).join(""); | ||
| }; | ||
| // import a list of modules into the list | ||
| list.i = function i(modules, media, dedupe, supports, layer) { | ||
| if (typeof modules === "string") { | ||
| modules = [[null, modules, undefined]]; | ||
| } | ||
| var alreadyImportedModules = {}; | ||
| if (dedupe) { | ||
| for (var k = 0; k < this.length; k++) { | ||
| var id = this[k][0]; | ||
| if (id != null) { | ||
| alreadyImportedModules[id] = true; | ||
| } | ||
| } | ||
| } | ||
| for (var _k = 0; _k < modules.length; _k++) { | ||
| var item = [].concat(modules[_k]); | ||
| if (dedupe && alreadyImportedModules[item[0]]) { | ||
| continue; | ||
| } | ||
| if (typeof layer !== "undefined") { | ||
| if (typeof item[5] === "undefined") { | ||
| item[5] = layer; | ||
| } else { | ||
| item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}"); | ||
| item[5] = layer; | ||
| } | ||
| } | ||
| if (media) { | ||
| if (!item[2]) { | ||
| item[2] = media; | ||
| } else { | ||
| item[1] = "@media ".concat(item[2], " {").concat(item[1], "}"); | ||
| item[2] = media; | ||
| } | ||
| } | ||
| if (supports) { | ||
| if (!item[4]) { | ||
| item[4] = "".concat(supports); | ||
| } else { | ||
| item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}"); | ||
| item[4] = supports; | ||
| } | ||
| } | ||
| list.push(item); | ||
| } | ||
| }; | ||
| return list; | ||
| }; | ||
| /***/ }), | ||
| /***/ 27: | ||
| /***/ ((module) => { | ||
| module.exports = function (i) { | ||
| return i[1]; | ||
| }; | ||
| /***/ }), | ||
| /***/ 210: | ||
| /***/ ((module) => { | ||
| var stylesInDOM = []; | ||
| function getIndexByIdentifier(identifier) { | ||
| var result = -1; | ||
| for (var i = 0; i < stylesInDOM.length; i++) { | ||
| if (stylesInDOM[i].identifier === identifier) { | ||
| result = i; | ||
| break; | ||
| } | ||
| } | ||
| return result; | ||
| } | ||
| function modulesToDom(list, options) { | ||
| var idCountMap = {}; | ||
| var identifiers = []; | ||
| for (var i = 0; i < list.length; i++) { | ||
| var item = list[i]; | ||
| var id = options.base ? item[0] + options.base : item[0]; | ||
| var count = idCountMap[id] || 0; | ||
| var identifier = "".concat(id, " ").concat(count); | ||
| idCountMap[id] = count + 1; | ||
| var indexByIdentifier = getIndexByIdentifier(identifier); | ||
| var obj = { | ||
| css: item[1], | ||
| media: item[2], | ||
| sourceMap: item[3], | ||
| supports: item[4], | ||
| layer: item[5] | ||
| }; | ||
| if (indexByIdentifier !== -1) { | ||
| stylesInDOM[indexByIdentifier].references++; | ||
| stylesInDOM[indexByIdentifier].updater(obj); | ||
| } else { | ||
| var updater = addElementStyle(obj, options); | ||
| options.byIndex = i; | ||
| stylesInDOM.splice(i, 0, { | ||
| identifier: identifier, | ||
| updater: updater, | ||
| references: 1 | ||
| }); | ||
| } | ||
| identifiers.push(identifier); | ||
| } | ||
| return identifiers; | ||
| } | ||
| function addElementStyle(obj, options) { | ||
| var api = options.domAPI(options); | ||
| api.update(obj); | ||
| var updater = function updater(newObj) { | ||
| if (newObj) { | ||
| if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) { | ||
| return; | ||
| } | ||
| api.update(obj = newObj); | ||
| } else { | ||
| api.remove(); | ||
| } | ||
| }; | ||
| return updater; | ||
| } | ||
| module.exports = function (list, options) { | ||
| options = options || {}; | ||
| list = list || []; | ||
| var lastIdentifiers = modulesToDom(list, options); | ||
| return function update(newList) { | ||
| newList = newList || []; | ||
| for (var i = 0; i < lastIdentifiers.length; i++) { | ||
| var identifier = lastIdentifiers[i]; | ||
| var index = getIndexByIdentifier(identifier); | ||
| stylesInDOM[index].references--; | ||
| } | ||
| var newLastIdentifiers = modulesToDom(newList, options); | ||
| for (var _i = 0; _i < lastIdentifiers.length; _i++) { | ||
| var _identifier = lastIdentifiers[_i]; | ||
| var _index = getIndexByIdentifier(_identifier); | ||
| if (stylesInDOM[_index].references === 0) { | ||
| stylesInDOM[_index].updater(); | ||
| stylesInDOM.splice(_index, 1); | ||
| } | ||
| } | ||
| lastIdentifiers = newLastIdentifiers; | ||
| }; | ||
| }; | ||
| /***/ }), | ||
| /***/ 471: | ||
| /***/ ((module) => { | ||
| var memo = {}; | ||
| /* istanbul ignore next */ | ||
| function getTarget(target) { | ||
| if (typeof memo[target] === "undefined") { | ||
| var styleTarget = document.querySelector(target); | ||
| // Special case to return head of iframe instead of iframe itself | ||
| if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) { | ||
| try { | ||
| // This will throw an exception if access to iframe is blocked | ||
| // due to cross-origin restrictions | ||
| styleTarget = styleTarget.contentDocument.head; | ||
| } catch (e) { | ||
| // istanbul ignore next | ||
| styleTarget = null; | ||
| } | ||
| } | ||
| memo[target] = styleTarget; | ||
| } | ||
| return memo[target]; | ||
| } | ||
| /* istanbul ignore next */ | ||
| function insertBySelector(insert, style) { | ||
| var target = getTarget(insert); | ||
| if (!target) { | ||
| throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."); | ||
| } | ||
| target.appendChild(style); | ||
| } | ||
| module.exports = insertBySelector; | ||
| /***/ }), | ||
| /***/ 386: | ||
| /***/ ((module) => { | ||
| /* istanbul ignore next */ | ||
| function insertStyleElement(options) { | ||
| var element = document.createElement("style"); | ||
| options.setAttributes(element, options.attributes); | ||
| options.insert(element, options.options); | ||
| return element; | ||
| } | ||
| module.exports = insertStyleElement; | ||
| /***/ }), | ||
| /***/ 900: | ||
| /***/ ((module, __unused_webpack_exports, __webpack_require__) => { | ||
| /* istanbul ignore next */ | ||
| function setAttributesWithoutAttributes(styleElement) { | ||
| var nonce = true ? __webpack_require__.nc : 0; | ||
| if (nonce) { | ||
| styleElement.setAttribute("nonce", nonce); | ||
| } | ||
| } | ||
| module.exports = setAttributesWithoutAttributes; | ||
| /***/ }), | ||
| /***/ 790: | ||
| /***/ ((module) => { | ||
| /* istanbul ignore next */ | ||
| function apply(styleElement, options, obj) { | ||
| var css = ""; | ||
| if (obj.supports) { | ||
| css += "@supports (".concat(obj.supports, ") {"); | ||
| } | ||
| if (obj.media) { | ||
| css += "@media ".concat(obj.media, " {"); | ||
| } | ||
| var needLayer = typeof obj.layer !== "undefined"; | ||
| if (needLayer) { | ||
| css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {"); | ||
| } | ||
| css += obj.css; | ||
| if (needLayer) { | ||
| css += "}"; | ||
| } | ||
| if (obj.media) { | ||
| css += "}"; | ||
| } | ||
| if (obj.supports) { | ||
| css += "}"; | ||
| } | ||
| var sourceMap = obj.sourceMap; | ||
| if (sourceMap && typeof btoa !== "undefined") { | ||
| css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */"); | ||
| } | ||
| // For old IE | ||
| /* istanbul ignore if */ | ||
| options.styleTagTransform(css, styleElement, options.options); | ||
| } | ||
| function removeStyleElement(styleElement) { | ||
| // istanbul ignore if | ||
| if (styleElement.parentNode === null) { | ||
| return false; | ||
| } | ||
| styleElement.parentNode.removeChild(styleElement); | ||
| } | ||
| /* istanbul ignore next */ | ||
| function domAPI(options) { | ||
| if (typeof document === "undefined") { | ||
| return { | ||
| update: function update() {}, | ||
| remove: function remove() {} | ||
| }; | ||
| } | ||
| var styleElement = options.insertStyleElement(options); | ||
| return { | ||
| update: function update(obj) { | ||
| apply(styleElement, options, obj); | ||
| }, | ||
| remove: function remove() { | ||
| removeStyleElement(styleElement); | ||
| } | ||
| }; | ||
| } | ||
| module.exports = domAPI; | ||
| /***/ }), | ||
| /***/ 281: | ||
| /***/ ((module) => { | ||
| /* istanbul ignore next */ | ||
| function styleTagTransform(css, styleElement) { | ||
| if (styleElement.styleSheet) { | ||
| styleElement.styleSheet.cssText = css; | ||
| } else { | ||
| while (styleElement.firstChild) { | ||
| styleElement.removeChild(styleElement.firstChild); | ||
| } | ||
| styleElement.appendChild(document.createTextNode(css)); | ||
| } | ||
| } | ||
| module.exports = styleTagTransform; | ||
| /***/ }) | ||
| /******/ }); | ||
| /************************************************************************/ | ||
| /******/ // The module cache | ||
| /******/ var __webpack_module_cache__ = {}; | ||
| /******/ | ||
| /******/ // The require function | ||
| /******/ function __webpack_require__(moduleId) { | ||
| /******/ // Check if module is in cache | ||
| /******/ var cachedModule = __webpack_module_cache__[moduleId]; | ||
| /******/ if (cachedModule !== undefined) { | ||
| /******/ return cachedModule.exports; | ||
| /******/ } | ||
| /******/ // Create a new module (and put it into the cache) | ||
| /******/ var module = __webpack_module_cache__[moduleId] = { | ||
| /******/ id: moduleId, | ||
| /******/ // no module.loaded needed | ||
| /******/ exports: {} | ||
| /******/ }; | ||
| /******/ | ||
| /******/ // Execute the module function | ||
| /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); | ||
| /******/ | ||
| /******/ // Return the exports of the module | ||
| /******/ return module.exports; | ||
| /******/ } | ||
| /******/ | ||
| /************************************************************************/ | ||
| /******/ /* webpack/runtime/compat get default export */ | ||
| /******/ (() => { | ||
| /******/ // getDefaultExport function for compatibility with non-harmony modules | ||
| /******/ __webpack_require__.n = (module) => { | ||
| /******/ var getter = module && module.__esModule ? | ||
| /******/ () => (module['default']) : | ||
| /******/ () => (module); | ||
| /******/ __webpack_require__.d(getter, { a: getter }); | ||
| /******/ return getter; | ||
| /******/ }; | ||
| /******/ })(); | ||
| /******/ | ||
| /******/ /* webpack/runtime/define property getters */ | ||
| /******/ (() => { | ||
| /******/ // define getter functions for harmony exports | ||
| /******/ __webpack_require__.d = (exports, definition) => { | ||
| /******/ for(var key in definition) { | ||
| /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { | ||
| /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); | ||
| /******/ } | ||
| /******/ } | ||
| /******/ }; | ||
| /******/ })(); | ||
| /******/ | ||
| /******/ /* webpack/runtime/hasOwnProperty shorthand */ | ||
| /******/ (() => { | ||
| /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) | ||
| /******/ })(); | ||
| /******/ | ||
| /******/ /* webpack/runtime/make namespace object */ | ||
| /******/ (() => { | ||
| /******/ // define __esModule on exports | ||
| /******/ __webpack_require__.r = (exports) => { | ||
| /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { | ||
| /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); | ||
| /******/ } | ||
| /******/ Object.defineProperty(exports, '__esModule', { value: true }); | ||
| /******/ }; | ||
| /******/ })(); | ||
| /******/ | ||
| /******/ /* webpack/runtime/nonce */ | ||
| /******/ (() => { | ||
| /******/ __webpack_require__.nc = undefined; | ||
| /******/ })(); | ||
| /******/ | ||
| /************************************************************************/ | ||
| var __webpack_exports__ = {}; | ||
| // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. | ||
| (() => { | ||
| // ESM COMPAT FLAG | ||
| __webpack_require__.r(__webpack_exports__); | ||
| // EXPORTS | ||
| __webpack_require__.d(__webpack_exports__, { | ||
| Divider: () => (/* reexport */ divider) | ||
| }); | ||
| ;// CONCATENATED MODULE: external "react" | ||
| const external_react_namespaceObject = require("react"); | ||
| var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject); | ||
| // EXTERNAL MODULE: ../node_modules/.pnpm/style-loader@3.3.3_webpack@5.89.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js | ||
| var injectStylesIntoStyleTag = __webpack_require__(210); | ||
| var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag); | ||
| // EXTERNAL MODULE: ../node_modules/.pnpm/style-loader@3.3.3_webpack@5.89.0/node_modules/style-loader/dist/runtime/styleDomAPI.js | ||
| var styleDomAPI = __webpack_require__(790); | ||
| var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI); | ||
| // EXTERNAL MODULE: ../node_modules/.pnpm/style-loader@3.3.3_webpack@5.89.0/node_modules/style-loader/dist/runtime/insertBySelector.js | ||
| var insertBySelector = __webpack_require__(471); | ||
| var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector); | ||
| // EXTERNAL MODULE: ../node_modules/.pnpm/style-loader@3.3.3_webpack@5.89.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js | ||
| var setAttributesWithoutAttributes = __webpack_require__(900); | ||
| var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes); | ||
| // EXTERNAL MODULE: ../node_modules/.pnpm/style-loader@3.3.3_webpack@5.89.0/node_modules/style-loader/dist/runtime/insertStyleElement.js | ||
| var insertStyleElement = __webpack_require__(386); | ||
| var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement); | ||
| // EXTERNAL MODULE: ../node_modules/.pnpm/style-loader@3.3.3_webpack@5.89.0/node_modules/style-loader/dist/runtime/styleTagTransform.js | ||
| var styleTagTransform = __webpack_require__(281); | ||
| var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform); | ||
| // EXTERNAL MODULE: ../node_modules/.pnpm/css-loader@6.8.1_webpack@5.89.0/node_modules/css-loader/dist/cjs.js!../node_modules/.pnpm/postcss-loader@7.3.3_postcss@8.4.31_typescript@5.2.2_webpack@5.89.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!../node_modules/.pnpm/sass-loader@13.3.2_sass@1.69.5_webpack@5.89.0/node_modules/sass-loader/dist/cjs.js!../src/components/divider/style.scss | ||
| var style = __webpack_require__(240); | ||
| ;// CONCATENATED MODULE: ../src/components/divider/style.scss | ||
| var options = {}; | ||
| options.styleTagTransform = (styleTagTransform_default()); | ||
| options.setAttributes = (setAttributesWithoutAttributes_default()); | ||
| options.insert = insertBySelector_default().bind(null, "head"); | ||
| options.domAPI = (styleDomAPI_default()); | ||
| options.insertStyleElement = (insertStyleElement_default()); | ||
| var update = injectStylesIntoStyleTag_default()(style/* default */.Z, options); | ||
| /* harmony default export */ const divider_style = (style/* default */.Z && style/* default */.Z.locals ? style/* default */.Z.locals : undefined); | ||
| ;// CONCATENATED MODULE: ../src/components/divider/index.tsx | ||
| /* harmony default export */ // TODO(clearfeld): | ||
| function divider() { return /*#__PURE__*/ external_react_default().createElement("hr", { className: "control-design-system__react__divider__hr " }); } | ||
| ;// CONCATENATED MODULE: ../src/index.tsx | ||
| // import Button from "@src/components/button"; | ||
| })(); | ||
| /******/ return __webpack_exports__; | ||
| /******/ })() | ||
| ; | ||
| }); |
| export { default as Divider } from "@src/components/divider"; | ||
| //# sourceMappingURL=index.d.ts.map |
| {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,yBAAyB,CAAC"} |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
13
-85.06%31
675%1
-66.67%Yes
NaN4158
-82.28%4
100%4
-50%61
-86.85%1
Infinity%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added