@semantic-ui/core - npm Package Compare versions

Comparing version 0.0.39 to 0.1.0

package.json

 {
   "name": "@semantic-ui/core",
-  "version": "0.0.39",
+  "version": "0.1.0",
   "title": "Semantic UI Next",
@@ -5,0 +5,0 @@ "description": "Semantic empowers designers and developers by creating a shared vocabulary for UI.",

src/components/button/button.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { get } from '@semantic-ui/utils';
@@ -8,3 +8,3 @@ import { ButtonComponentSpec } from '@semantic-ui/specs';
 
-const createInstance = ({self, settings, data, el, $}) => ({
+const createComponent = ({self, settings, data, el, $}) => ({
   isIconBefore() {
@@ -64,3 +64,3 @@ return settings.icon && !settings.iconAfter;
 
-export const UIButton = createComponent({
+export const UIButton = defineComponent({
   tagName: 'ui-button',
@@ -70,3 +70,3 @@ componentSpec: ButtonComponentSpec,
   css: ButtonCSS,
-  createInstance,
+  createComponent,
   onCreated,
@@ -73,0 +73,0 @@ onRendered,

src/components/button/content/or/button-or.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 
@@ -6,3 +6,3 @@ import OrCSS from './button-or.css?raw';
 
-export const ButtonOr = createComponent({
+export const ButtonOr = defineComponent({
   tagName: 'button-or',
@@ -9,0 +9,0 @@ template: OrTemplate,

src/components/button/plural/buttons.js

@@ -1,10 +0,10 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { ButtonComponentSpec } from '@semantic-ui/specs';
 
 import ButtonShadowCSS from '../css/button-shadow.css?raw';
-import ButtonLightCSS from '../css/button-light.css?raw';
+import ButtonPageCSS from '../css/button-page.css?raw';
 
 import ButtonsTemplate from './buttons.html?raw';
 
-export const UIButtons = createComponent({
+export const UIButtons = defineComponent({
   tagName: 'ui-buttons',
@@ -17,3 +17,3 @@ plural: true,
   css: ButtonShadowCSS,
-  lightCSS: ButtonLightCSS,
+  pageCSS: ButtonPageCSS,
 });

src/components/container/container.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { ContainerComponentSpec } from '@semantic-ui/specs';
@@ -7,7 +7,7 @@
 
-const createInstance = ({$}) => ({
+const createComponent = ({$}) => ({
 });
 
 
-const UIContainer = createComponent({
+const UIContainer = defineComponent({
   tagName: 'ui-container',
@@ -17,5 +17,5 @@ componentSpec: ContainerComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
 });
 
 export { UIContainer };

src/components/icon/icon.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { IconComponentSpec } from '@semantic-ui/specs';;
@@ -7,3 +7,3 @@
 
-const createInstance = ({self, $}) => ({
+const createComponent = ({self, $}) => ({
 
@@ -20,3 +20,3 @@
 
-const UIIcon = createComponent({
+const UIIcon = defineComponent({
   tagName: 'ui-icon',
@@ -26,3 +26,3 @@ componentSpec: IconComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
   onCreated,
@@ -29,0 +29,0 @@ onRendered,

src/components/input/input.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { InputComponentSpec } from '@semantic-ui/specs';
@@ -11,3 +11,3 @@
 
-const createInstance = ({$, state}) => ({
+const createComponent = ({$, state}) => ({
 
@@ -42,3 +42,3 @@ getStateClasses() {
 
-const UIInput = createComponent({
+const UIInput = defineComponent({
   tagName: 'ui-input',
@@ -48,3 +48,3 @@ componentSpec: InputComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
   events,
@@ -51,0 +51,0 @@ onCreated,

src/components/label/label.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { LabelComponentSpec } from '@semantic-ui/specs';
@@ -7,7 +7,7 @@
 
-const createInstance = ({$}) => ({
+const createComponent = ({$}) => ({
 });
 
 
-const UILabel = createComponent({
+const UILabel = defineComponent({
   tagName: 'ui-label',
@@ -17,5 +17,5 @@ componentSpec: LabelComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
 });
 
 export { UILabel };

src/components/menu/content/item/menu-item.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { MenuItemComponentSpec } from '@semantic-ui/specs';
@@ -20,3 +20,3 @@
 
-export const MenuItem = createComponent({
+export const MenuItem = defineComponent({
   tagName: 'menu-item',
@@ -23,0 +23,0 @@ events: events,

src/components/menu/menu.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { MenuComponentSpec } from '@semantic-ui/specs';
@@ -7,3 +7,3 @@
 
-const createInstance = ({settings, self, $, dispatchEvent}) => ({
+const createComponent = ({settings, self, $, dispatchEvent}) => ({
 
@@ -49,3 +49,3 @@ setValue(value) {
 
-const UIMenu = createComponent({
+const UIMenu = defineComponent({
   tagName: 'ui-menu',
@@ -55,3 +55,3 @@ componentSpec: MenuComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
   events,
@@ -58,0 +58,0 @@ onCreated,

src/components/modal/content/item/menu-item.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { MenuItemComponentSpec } from '@semantic-ui/specs';
@@ -20,3 +20,3 @@
 
-export const MenuItem = createComponent({
+export const MenuItem = defineComponent({
   tagName: 'menu-item',
@@ -23,0 +23,0 @@ events: events,

src/components/modal/modal.js

 import { noop } from '@semantic-ui/utils';
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { ModalComponentSpec } from '@semantic-ui/specs';
@@ -8,3 +8,3 @@
 
-const createInstance = ({$, dispatchEvent}) => ({
+const createComponent = ({$, dispatchEvent}) => ({
   show(callback = noop) {
@@ -42,3 +42,3 @@ if(callback() !== false) {
 
-const UIModal = createComponent({
+const UIModal = defineComponent({
   tagName: 'ui-modal',
@@ -48,3 +48,3 @@ componentSpec: ModalComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
   events,
@@ -51,0 +51,0 @@ onCreated,

src/components/rail/rail.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { RailComponentSpec } from '@semantic-ui/specs';
@@ -7,7 +7,7 @@
 
-const createInstance = ({$}) => ({
+const createComponent = ({$}) => ({
 });
 
 
-const UIRail = createComponent({
+const UIRail = defineComponent({
   tagName: 'ui-rail',
@@ -17,5 +17,5 @@ componentSpec: RailComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
 });
 
 export { UIRail };

src/components/segment/segment.js

@@ -1,2 +0,2 @@
-import { createComponent } from '@semantic-ui/component';
+import { defineComponent } from '@semantic-ui/component';
 import { SegmentComponentSpec } from '@semantic-ui/specs';
@@ -7,7 +7,7 @@
 
-const createInstance = ({$}) => ({
+const createComponent = ({$}) => ({
 });
 
 
-const UISegment = createComponent({
+const UISegment = defineComponent({
   tagName: 'ui-segment',
@@ -17,5 +17,5 @@ componentSpec: SegmentComponentSpec,
   css: CSS,
-  createInstance,
+  createComponent,
 });
 
 export { UISegment };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

10456882

decreased by-0.01%

Number of package files

529

decreased by-0.19%

Lines of code

26356

decreased by-0.07%

No dependency changes