funuicss 1.9.18 → 1.9.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/component/Starter.jsx +195 -0
  2. package/component/Typography.jsx +6 -2
  3. package/package.json +1 -1
package/component/Starter.jsx ADDED
@@ -0,0 +1,195 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ Components_Starter)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/Starter.js
61
+
62
+ var Starter = function Starter() {
63
+ return /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
64
+ style: {
65
+ padding: '4rem 1rem'
66
+ }
67
+ }, /*#__PURE__*/external_react_default().createElement("div", {
68
+ className: "container"
69
+ }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
70
+ style: {
71
+ maxWidth: '800px'
72
+ }
73
+ }, /*#__PURE__*/external_react_default().createElement("span", {
74
+ className: "h6 bold",
75
+ style: {
76
+ display: 'block'
77
+ }
78
+ }, "Fun Ui @latest"), /*#__PURE__*/external_react_default().createElement("span", {
79
+ className: "text-big text-gradient",
80
+ style: {
81
+ display: 'block',
82
+ transition: '0.2s linear'
83
+ }
84
+ }, "React & Next Js Ui Starter Library"), /*#__PURE__*/external_react_default().createElement("div", {
85
+ className: "section"
86
+ }), /*#__PURE__*/external_react_default().createElement("div", {
87
+ className: "section"
88
+ }), /*#__PURE__*/external_react_default().createElement("span", {
89
+ className: "text-secondary article",
90
+ style: {
91
+ display: 'block',
92
+ transition: '0.2s linear'
93
+ }
94
+ }, "Create your website with fewer lines of code, use prebuild Starters to boost your development. Build with flexbox which makes your website much more responsive and fit all screen types."), /*#__PURE__*/external_react_default().createElement("div", {
95
+ className: "section"
96
+ }), /*#__PURE__*/external_react_default().createElement("span", {
97
+ className: "text-secondary article"
98
+ }, "Comes with Starters like", /*#__PURE__*/external_react_default().createElement("span", {
99
+ className: "text-primary text-bold"
100
+ }, "`Inputs`, "), /*#__PURE__*/external_react_default().createElement("span", {
101
+ className: "text-primary text-bold"
102
+ }, "`Navbars`, "), /*#__PURE__*/external_react_default().createElement("span", {
103
+ className: "text-primary text-bold"
104
+ }, "`Sidebar`, "), /*#__PURE__*/external_react_default().createElement("span", {
105
+ className: "text-primary text-bold"
106
+ }, "`buttons`, "), /*#__PURE__*/external_react_default().createElement("span", {
107
+ className: "text-primary text-bold"
108
+ }, "`Breadcrumbs`, "), /*#__PURE__*/external_react_default().createElement("span", {
109
+ className: "text-primary text-bold"
110
+ }, "`Alerts`, "), /*#__PURE__*/external_react_default().createElement("span", {
111
+ className: "text-primary text-bold"
112
+ }, "`Modals`, "), /*#__PURE__*/external_react_default().createElement("span", {
113
+ className: "text-primary text-bold"
114
+ }, "`Progress`, "), /*#__PURE__*/external_react_default().createElement("span", {
115
+ className: "text-primary text-bold"
116
+ }, "`Tooltips`, "), "and other standard features like", /*#__PURE__*/external_react_default().createElement("span", {
117
+ className: "text-primary text-bold"
118
+ }, "`helpers` "), "and", /*#__PURE__*/external_react_default().createElement("span", {
119
+ className: "text-primary text-bold"
120
+ }, " `Blob generator` ")), /*#__PURE__*/external_react_default().createElement("div", {
121
+ className: "section"
122
+ }), /*#__PURE__*/external_react_default().createElement("div", {
123
+ className: "section"
124
+ }), /*#__PURE__*/external_react_default().createElement("div", {
125
+ className: "row-flex"
126
+ }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("a", {
127
+ href: "https://funui.netlify.app"
128
+ }, /*#__PURE__*/external_react_default().createElement("button", {
129
+ className: "button gradient roundBtn"
130
+ }, "Visit FunUi")))), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
131
+ className: "icon-container section full-width right"
132
+ }, /*#__PURE__*/external_react_default().createElement("input", {
133
+ className: "input full-width light width-200-min borderedInput",
134
+ type: "text",
135
+ value: "npm i funuicss@latest"
136
+ }), /*#__PURE__*/external_react_default().createElement("div", {
137
+ className: "rightIcon"
138
+ }, /*#__PURE__*/external_react_default().createElement("i", {
139
+ className: "icon far fa-copy pointer text-primary"
140
+ })))))), /*#__PURE__*/external_react_default().createElement("div", {
141
+ className: "row padding-top-40 gap"
142
+ }, /*#__PURE__*/external_react_default().createElement("div", {
143
+ className: "col sm-12 md-6 lg-4"
144
+ }, /*#__PURE__*/external_react_default().createElement("a", {
145
+ href: "https://funui.netlify.app/gettingstarted"
146
+ }, /*#__PURE__*/external_react_default().createElement("div", {
147
+ className: "card padding round-edge hover-up"
148
+ }, /*#__PURE__*/external_react_default().createElement("div", {
149
+ className: "row-flex gap"
150
+ }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
151
+ className: "padding"
152
+ }, /*#__PURE__*/external_react_default().createElement("i", {
153
+ className: "icon fas fa-bolt text-gradient size-big"
154
+ }))), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("span", {
155
+ className: "h5"
156
+ }, "Getting Started"), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null)), /*#__PURE__*/external_react_default().createElement("span", {
157
+ className: "text-small text-secondary opacity-5 text-bold"
158
+ }, "install and use the framework"))))))), /*#__PURE__*/external_react_default().createElement("div", {
159
+ className: "col sm-12 md-6 lg-4"
160
+ }, /*#__PURE__*/external_react_default().createElement("a", {
161
+ href: "https://www.npmjs.com/package/funuicss"
162
+ }, /*#__PURE__*/external_react_default().createElement("div", {
163
+ className: "card padding round-edge hover-up"
164
+ }, /*#__PURE__*/external_react_default().createElement("div", {
165
+ className: "row-flex gap"
166
+ }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
167
+ className: "padding"
168
+ }, /*#__PURE__*/external_react_default().createElement("i", {
169
+ className: "icon fab fa-npm text-gradient size-big"
170
+ }))), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("span", {
171
+ className: "h5"
172
+ }, "Check Package"), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null)), /*#__PURE__*/external_react_default().createElement("span", {
173
+ className: "text-small text-secondary opacity-5 text-bold"
174
+ }, "Visit us @npm"))))))), /*#__PURE__*/external_react_default().createElement("div", {
175
+ className: "col sm-12 md-6 lg-4"
176
+ }, /*#__PURE__*/external_react_default().createElement("a", {
177
+ href: "https://funui.netlify.app/components"
178
+ }, /*#__PURE__*/external_react_default().createElement("div", {
179
+ className: "card padding round-edge hover-up"
180
+ }, /*#__PURE__*/external_react_default().createElement("div", {
181
+ className: "row-flex gap"
182
+ }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
183
+ className: "padding"
184
+ }, /*#__PURE__*/external_react_default().createElement("i", {
185
+ className: "icon fab fa-buffer text-gradient size-big"
186
+ }))), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("span", {
187
+ className: "h5"
188
+ }, "Components"), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null)), /*#__PURE__*/external_react_default().createElement("span", {
189
+ className: "text-small text-secondary opacity-5 text-bold"
190
+ }, "UI you can simply use"))))))))))));
191
+ };
192
+ /* harmony default export */ const Components_Starter = (Starter);
193
+ module.exports = __webpack_exports__;
194
+ /******/ })()
195
+ ;
package/component/Typography.jsx CHANGED
@@ -78,13 +78,17 @@ function Typography(_ref) {
78
78
  lighter = _ref.lighter,
79
79
  italic = _ref.italic,
80
80
  underline = _ref.underline,
81
- align = _ref.align;
81
+ align = _ref.align,
82
+ lineHeight = _ref.lineHeight,
83
+ letterSpacing = _ref.letterSpacing;
82
84
  return /*#__PURE__*/external_react_default().createElement("span", {
83
85
  className: "\ntext-".concat(size, " \ntext-").concat(color, "\ntext-").concat(align, "\n").concat(align ? "block" : "", "\n").concat(bg, "\nhover-text-").concat(hoverText, "\nhover-").concat(hoverBg, "\n").concat(light ? "lightText" : lighter ? "lighterText" : "", "\n").concat(heading ? heading : "", "\n").concat(italic ? "italicText" : "", "\n").concat(underline ? "underlineText" : "", "\n").concat(body ? "body" : "", "\n").concat(article ? "article" : "", "\n").concat(funcss, "\n").concat(emp ? "emp" : "", "\n").concat(bold ? "bold" : "", "\n"),
84
86
  style: {
85
87
  display: block ? "block" : "",
86
88
  transition: "0.2s linear",
87
- fontWeight: "".concat(bold ? "bold" : "")
89
+ fontWeight: "".concat(bold ? "bold" : ""),
90
+ lineHeight: lineHeight ? lineHeight : "",
91
+ letterSpacing: letterSpacing ? letterSpacing : ""
88
92
  }
89
93
  }, children, text);
90
94
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "funuicss",
3
- "version": "1.9.18",
3
+ "version": "1.9.19",
4
4
  "description": "React/Next.js component UI Library for creating Easy and good looking websites with fewer lines of code.",
5
5
  "main": "index.js",
6
6
  "keywords": ["funui" , "React Component", "Next Component", "react" , "react and next component Library"],