@bookklik/senangstart-css 0.1.7 → 0.2.0
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.
- package/README.md +38 -0
- package/dist/senangstart-css.js +2269 -1955
- package/dist/senangstart-css.min.js +141 -1479
- package/docs/.vitepress/config.js +5 -3
- package/docs/.vitepress/theme/custom.css +0 -1
- package/docs/guide/responsive.md +25 -0
- package/docs/index.md +9 -21
- package/docs/ms/guide/responsive.md +25 -0
- package/docs/ms/index.md +9 -21
- package/docs/ms/reference/breakpoints.md +23 -0
- package/docs/ms/reference/layout/align-content.md +57 -4
- package/docs/ms/reference/layout/align-items.md +81 -4
- package/docs/ms/reference/layout/align-self.md +25 -4
- package/docs/ms/reference/layout/aspect-ratio.md +27 -8
- package/docs/ms/reference/layout/border-collapse.md +81 -4
- package/docs/ms/reference/layout/border-spacing.md +43 -8
- package/docs/ms/reference/layout/box-sizing.md +21 -4
- package/docs/ms/reference/layout/caption-side.md +69 -4
- package/docs/ms/reference/layout/columns.md +21 -4
- package/docs/ms/reference/layout/container.md +21 -4
- package/docs/ms/reference/layout/display.md +39 -7
- package/docs/ms/reference/layout/flex-basis.md +29 -8
- package/docs/ms/reference/layout/flex-direction.md +81 -4
- package/docs/ms/reference/layout/flex-items.md +51 -4
- package/docs/ms/reference/layout/flex-wrap.md +55 -4
- package/docs/ms/reference/layout/flex.md +54 -7
- package/docs/ms/reference/layout/float-clear.md +23 -4
- package/docs/ms/reference/layout/grid-auto-flow.md +57 -4
- package/docs/ms/reference/layout/grid-auto-sizing.md +25 -4
- package/docs/ms/reference/layout/grid-column-span.md +59 -4
- package/docs/ms/reference/layout/grid-columns.md +61 -4
- package/docs/ms/reference/layout/grid-row-span.md +29 -4
- package/docs/ms/reference/layout/grid-rows.md +31 -4
- package/docs/ms/reference/layout/inset.md +56 -7
- package/docs/ms/reference/layout/isolation.md +21 -4
- package/docs/ms/reference/layout/justify-content.md +81 -4
- package/docs/ms/reference/layout/justify-items.md +25 -4
- package/docs/ms/reference/layout/justify-self.md +25 -4
- package/docs/ms/reference/layout/object-fit.md +57 -4
- package/docs/ms/reference/layout/object-position.md +29 -8
- package/docs/ms/reference/layout/order.md +53 -4
- package/docs/ms/reference/layout/overflow.md +45 -4
- package/docs/ms/reference/layout/overscroll.md +21 -4
- package/docs/ms/reference/layout/place-content.md +23 -4
- package/docs/ms/reference/layout/place-items.md +25 -4
- package/docs/ms/reference/layout/place-self.md +25 -4
- package/docs/ms/reference/layout/position.md +47 -4
- package/docs/ms/reference/layout/shorthand-alignment.md +47 -4
- package/docs/ms/reference/layout/table-layout.md +69 -4
- package/docs/ms/reference/layout/visibility.md +25 -4
- package/docs/ms/reference/layout/z-index.md +27 -4
- package/docs/ms/reference/space/gap.md +71 -7
- package/docs/ms/reference/space/height.md +61 -7
- package/docs/ms/reference/space/margin.md +61 -7
- package/docs/ms/reference/space/padding.md +65 -7
- package/docs/ms/reference/space/width.md +61 -7
- package/docs/ms/reference/visual/accent-color.md +29 -8
- package/docs/ms/reference/visual/animation-builtin.md +29 -8
- package/docs/ms/reference/visual/animation-delay.md +25 -8
- package/docs/ms/reference/visual/animation-direction.md +25 -4
- package/docs/ms/reference/visual/animation-duration.md +27 -8
- package/docs/ms/reference/visual/animation-fill.md +25 -4
- package/docs/ms/reference/visual/animation-iteration.md +23 -4
- package/docs/ms/reference/visual/animation-play.md +23 -4
- package/docs/ms/reference/visual/appearance.md +23 -4
- package/docs/ms/reference/visual/backdrop-blur.md +29 -8
- package/docs/ms/reference/visual/backdrop-brightness.md +29 -8
- package/docs/ms/reference/visual/backdrop-contrast.md +29 -8
- package/docs/ms/reference/visual/backdrop-grayscale.md +27 -8
- package/docs/ms/reference/visual/backdrop-hue-rotate.md +29 -8
- package/docs/ms/reference/visual/backdrop-invert.md +27 -8
- package/docs/ms/reference/visual/backdrop-opacity.md +29 -8
- package/docs/ms/reference/visual/backdrop-saturate.md +29 -8
- package/docs/ms/reference/visual/backdrop-sepia.md +27 -8
- package/docs/ms/reference/visual/background-attachment.md +23 -4
- package/docs/ms/reference/visual/background-blend-mode.md +25 -4
- package/docs/ms/reference/visual/background-clip.md +21 -4
- package/docs/ms/reference/visual/background-color.md +33 -8
- package/docs/ms/reference/visual/background-image.md +27 -8
- package/docs/ms/reference/visual/background-origin.md +25 -4
- package/docs/ms/reference/visual/background-position.md +29 -8
- package/docs/ms/reference/visual/background-repeat.md +25 -4
- package/docs/ms/reference/visual/background-size.md +29 -8
- package/docs/ms/reference/visual/blend-modes.md +23 -4
- package/docs/ms/reference/visual/border-radius.md +36 -4
- package/docs/ms/reference/visual/border-style.md +25 -4
- package/docs/ms/reference/visual/border-width.md +29 -8
- package/docs/ms/reference/visual/border.md +56 -7
- package/docs/ms/reference/visual/box-shadow.md +34 -4
- package/docs/ms/reference/visual/caret-color.md +25 -8
- package/docs/ms/reference/visual/color-scheme.md +23 -4
- package/docs/ms/reference/visual/cursor.md +25 -4
- package/docs/ms/reference/visual/field-sizing.md +23 -4
- package/docs/ms/reference/visual/fill.md +29 -8
- package/docs/ms/reference/visual/filter-blur.md +29 -8
- package/docs/ms/reference/visual/filter-brightness.md +29 -8
- package/docs/ms/reference/visual/filter-contrast.md +29 -8
- package/docs/ms/reference/visual/filter-drop-shadow.md +29 -8
- package/docs/ms/reference/visual/filter-grayscale.md +29 -8
- package/docs/ms/reference/visual/filter-hue-rotate.md +29 -8
- package/docs/ms/reference/visual/filter-invert.md +27 -8
- package/docs/ms/reference/visual/filter-saturate.md +29 -8
- package/docs/ms/reference/visual/filter-sepia.md +29 -8
- package/docs/ms/reference/visual/font-family.md +25 -4
- package/docs/ms/reference/visual/font-smoothing.md +23 -4
- package/docs/ms/reference/visual/font-style.md +23 -4
- package/docs/ms/reference/visual/font-variant-numeric.md +23 -4
- package/docs/ms/reference/visual/font-weight.md +35 -4
- package/docs/ms/reference/visual/forced-color-adjust.md +23 -4
- package/docs/ms/reference/visual/hyphens.md +25 -4
- package/docs/ms/reference/visual/letter-spacing.md +29 -8
- package/docs/ms/reference/visual/line-clamp.md +29 -8
- package/docs/ms/reference/visual/line-height.md +29 -8
- package/docs/ms/reference/visual/list-style.md +25 -4
- package/docs/ms/reference/visual/mask.md +25 -8
- package/docs/ms/reference/visual/opacity.md +27 -4
- package/docs/ms/reference/visual/outline.md +25 -8
- package/docs/ms/reference/visual/pointer-events.md +23 -4
- package/docs/ms/reference/visual/resize.md +27 -4
- package/docs/ms/reference/visual/scroll-behavior.md +23 -4
- package/docs/ms/reference/visual/scroll-margin.md +25 -8
- package/docs/ms/reference/visual/scroll-padding.md +25 -8
- package/docs/ms/reference/visual/scroll-snap-align.md +25 -4
- package/docs/ms/reference/visual/scroll-snap-stop.md +23 -4
- package/docs/ms/reference/visual/scroll-snap-type.md +25 -4
- package/docs/ms/reference/visual/state-prefixes.md +21 -4
- package/docs/ms/reference/visual/stroke-width.md +29 -8
- package/docs/ms/reference/visual/stroke.md +27 -8
- package/docs/ms/reference/visual/text-alignment.md +25 -4
- package/docs/ms/reference/visual/text-color.md +31 -8
- package/docs/ms/reference/visual/text-decoration.md +23 -4
- package/docs/ms/reference/visual/text-indent.md +25 -8
- package/docs/ms/reference/visual/text-overflow.md +21 -4
- package/docs/ms/reference/visual/text-shadow.md +25 -8
- package/docs/ms/reference/visual/text-size.md +41 -7
- package/docs/ms/reference/visual/text-transform.md +25 -4
- package/docs/ms/reference/visual/text-wrap.md +25 -4
- package/docs/ms/reference/visual/touch-action.md +25 -4
- package/docs/ms/reference/visual/transform-backface.md +23 -4
- package/docs/ms/reference/visual/transform-origin.md +27 -8
- package/docs/ms/reference/visual/transform-perspective-origin.md +25 -8
- package/docs/ms/reference/visual/transform-perspective.md +25 -8
- package/docs/ms/reference/visual/transform-rotate.md +29 -8
- package/docs/ms/reference/visual/transform-scale.md +29 -8
- package/docs/ms/reference/visual/transform-skew.md +29 -8
- package/docs/ms/reference/visual/transform-style.md +23 -4
- package/docs/ms/reference/visual/transform-translate.md +29 -8
- package/docs/ms/reference/visual/transition-delay.md +25 -8
- package/docs/ms/reference/visual/transition-duration.md +27 -8
- package/docs/ms/reference/visual/transition-property.md +21 -4
- package/docs/ms/reference/visual/transition-timing.md +29 -8
- package/docs/ms/reference/visual/typography-keywords.md +27 -4
- package/docs/ms/reference/visual/user-select.md +23 -4
- package/docs/ms/reference/visual/vertical-align.md +25 -4
- package/docs/ms/reference/visual/whitespace.md +25 -4
- package/docs/ms/reference/visual/will-change.md +23 -4
- package/docs/ms/reference/visual/word-break.md +25 -4
- package/docs/public/assets/senangstart-css-logo.svg +1 -0
- package/docs/reference/breakpoints.md +23 -0
- package/docs/reference/layout/align-content.md +57 -4
- package/docs/reference/layout/align-items.md +81 -4
- package/docs/reference/layout/align-self.md +25 -4
- package/docs/reference/layout/aspect-ratio.md +27 -8
- package/docs/reference/layout/border-collapse.md +81 -4
- package/docs/reference/layout/border-spacing.md +43 -8
- package/docs/reference/layout/box-sizing.md +21 -4
- package/docs/reference/layout/caption-side.md +69 -4
- package/docs/reference/layout/columns.md +21 -4
- package/docs/reference/layout/container.md +21 -4
- package/docs/reference/layout/display.md +39 -7
- package/docs/reference/layout/flex-basis.md +29 -8
- package/docs/reference/layout/flex-direction.md +81 -4
- package/docs/reference/layout/flex-items.md +51 -4
- package/docs/reference/layout/flex-wrap.md +55 -4
- package/docs/reference/layout/flex.md +54 -7
- package/docs/reference/layout/float-clear.md +23 -4
- package/docs/reference/layout/grid-auto-flow.md +57 -4
- package/docs/reference/layout/grid-auto-sizing.md +25 -4
- package/docs/reference/layout/grid-column-span.md +59 -4
- package/docs/reference/layout/grid-columns.md +61 -4
- package/docs/reference/layout/grid-row-span.md +29 -4
- package/docs/reference/layout/grid-rows.md +31 -4
- package/docs/reference/layout/inset.md +56 -7
- package/docs/reference/layout/isolation.md +21 -4
- package/docs/reference/layout/justify-content.md +81 -4
- package/docs/reference/layout/justify-items.md +25 -4
- package/docs/reference/layout/justify-self.md +25 -4
- package/docs/reference/layout/object-fit.md +57 -4
- package/docs/reference/layout/object-position.md +29 -8
- package/docs/reference/layout/order.md +53 -4
- package/docs/reference/layout/overflow.md +45 -4
- package/docs/reference/layout/overscroll.md +21 -4
- package/docs/reference/layout/place-content.md +23 -4
- package/docs/reference/layout/place-items.md +25 -4
- package/docs/reference/layout/place-self.md +25 -4
- package/docs/reference/layout/position.md +47 -4
- package/docs/reference/layout/shorthand-alignment.md +47 -4
- package/docs/reference/layout/table-layout.md +69 -4
- package/docs/reference/layout/visibility.md +25 -4
- package/docs/reference/layout/z-index.md +27 -4
- package/docs/reference/space/gap.md +71 -7
- package/docs/reference/space/height.md +61 -7
- package/docs/reference/space/margin.md +61 -7
- package/docs/reference/space/padding.md +65 -7
- package/docs/reference/space/width.md +61 -7
- package/docs/reference/visual/accent-color.md +29 -8
- package/docs/reference/visual/animation-builtin.md +29 -8
- package/docs/reference/visual/animation-delay.md +25 -8
- package/docs/reference/visual/animation-direction.md +25 -4
- package/docs/reference/visual/animation-duration.md +27 -8
- package/docs/reference/visual/animation-fill.md +25 -4
- package/docs/reference/visual/animation-iteration.md +23 -4
- package/docs/reference/visual/animation-play.md +23 -4
- package/docs/reference/visual/appearance.md +23 -4
- package/docs/reference/visual/backdrop-blur.md +29 -8
- package/docs/reference/visual/backdrop-brightness.md +29 -8
- package/docs/reference/visual/backdrop-contrast.md +29 -8
- package/docs/reference/visual/backdrop-grayscale.md +27 -8
- package/docs/reference/visual/backdrop-hue-rotate.md +29 -8
- package/docs/reference/visual/backdrop-invert.md +27 -8
- package/docs/reference/visual/backdrop-opacity.md +29 -8
- package/docs/reference/visual/backdrop-saturate.md +29 -8
- package/docs/reference/visual/backdrop-sepia.md +27 -8
- package/docs/reference/visual/background-attachment.md +23 -4
- package/docs/reference/visual/background-blend-mode.md +25 -4
- package/docs/reference/visual/background-clip.md +21 -4
- package/docs/reference/visual/background-color.md +33 -8
- package/docs/reference/visual/background-image.md +27 -8
- package/docs/reference/visual/background-origin.md +25 -4
- package/docs/reference/visual/background-position.md +29 -8
- package/docs/reference/visual/background-repeat.md +25 -4
- package/docs/reference/visual/background-size.md +29 -8
- package/docs/reference/visual/blend-modes.md +23 -4
- package/docs/reference/visual/border-radius.md +36 -4
- package/docs/reference/visual/border-style.md +25 -4
- package/docs/reference/visual/border-width.md +29 -8
- package/docs/reference/visual/border.md +56 -7
- package/docs/reference/visual/box-shadow.md +34 -4
- package/docs/reference/visual/caret-color.md +25 -8
- package/docs/reference/visual/color-scheme.md +23 -4
- package/docs/reference/visual/cursor.md +25 -4
- package/docs/reference/visual/field-sizing.md +23 -4
- package/docs/reference/visual/fill.md +29 -8
- package/docs/reference/visual/filter-blur.md +29 -8
- package/docs/reference/visual/filter-brightness.md +29 -8
- package/docs/reference/visual/filter-contrast.md +29 -8
- package/docs/reference/visual/filter-drop-shadow.md +29 -8
- package/docs/reference/visual/filter-grayscale.md +29 -8
- package/docs/reference/visual/filter-hue-rotate.md +29 -8
- package/docs/reference/visual/filter-invert.md +27 -8
- package/docs/reference/visual/filter-saturate.md +29 -8
- package/docs/reference/visual/filter-sepia.md +29 -8
- package/docs/reference/visual/font-family.md +25 -4
- package/docs/reference/visual/font-smoothing.md +23 -4
- package/docs/reference/visual/font-style.md +23 -4
- package/docs/reference/visual/font-variant-numeric.md +23 -4
- package/docs/reference/visual/font-weight.md +35 -4
- package/docs/reference/visual/forced-color-adjust.md +23 -4
- package/docs/reference/visual/hyphens.md +25 -4
- package/docs/reference/visual/letter-spacing.md +29 -8
- package/docs/reference/visual/line-clamp.md +29 -8
- package/docs/reference/visual/line-height.md +29 -8
- package/docs/reference/visual/list-style.md +25 -4
- package/docs/reference/visual/mask.md +25 -8
- package/docs/reference/visual/opacity.md +27 -4
- package/docs/reference/visual/outline.md +25 -8
- package/docs/reference/visual/pointer-events.md +23 -4
- package/docs/reference/visual/resize.md +27 -4
- package/docs/reference/visual/scroll-behavior.md +23 -4
- package/docs/reference/visual/scroll-margin.md +25 -8
- package/docs/reference/visual/scroll-padding.md +25 -8
- package/docs/reference/visual/scroll-snap-align.md +25 -4
- package/docs/reference/visual/scroll-snap-stop.md +23 -4
- package/docs/reference/visual/scroll-snap-type.md +25 -4
- package/docs/reference/visual/state-prefixes.md +21 -4
- package/docs/reference/visual/stroke-width.md +29 -8
- package/docs/reference/visual/stroke.md +27 -8
- package/docs/reference/visual/text-alignment.md +25 -4
- package/docs/reference/visual/text-color.md +31 -8
- package/docs/reference/visual/text-decoration.md +23 -4
- package/docs/reference/visual/text-indent.md +25 -8
- package/docs/reference/visual/text-overflow.md +21 -4
- package/docs/reference/visual/text-shadow.md +25 -8
- package/docs/reference/visual/text-size.md +41 -7
- package/docs/reference/visual/text-transform.md +25 -4
- package/docs/reference/visual/text-wrap.md +25 -4
- package/docs/reference/visual/touch-action.md +25 -4
- package/docs/reference/visual/transform-backface.md +23 -4
- package/docs/reference/visual/transform-origin.md +27 -8
- package/docs/reference/visual/transform-perspective-origin.md +25 -8
- package/docs/reference/visual/transform-perspective.md +25 -8
- package/docs/reference/visual/transform-rotate.md +29 -8
- package/docs/reference/visual/transform-scale.md +29 -8
- package/docs/reference/visual/transform-skew.md +29 -8
- package/docs/reference/visual/transform-style.md +23 -4
- package/docs/reference/visual/transform-translate.md +29 -8
- package/docs/reference/visual/transition-delay.md +25 -8
- package/docs/reference/visual/transition-duration.md +27 -8
- package/docs/reference/visual/transition-property.md +21 -4
- package/docs/reference/visual/transition-timing.md +29 -8
- package/docs/reference/visual/typography-keywords.md +27 -4
- package/docs/reference/visual/user-select.md +23 -4
- package/docs/reference/visual/vertical-align.md +25 -4
- package/docs/reference/visual/whitespace.md +25 -4
- package/docs/reference/visual/will-change.md +23 -4
- package/docs/reference/visual/word-break.md +25 -4
- package/package.json +4 -3
- package/playground/jit-tw-mix-test.html +238 -0
- package/playground/tw-convertor.html +696 -0
- package/scripts/build-dist.js +34 -29
- package/scripts/bundle-jit.js +45 -0
- package/scripts/convert-tailwind.js +759 -0
- package/scripts/generate-docs.js +65 -16
- package/src/cdn/jit.js +313 -102
- package/src/cli/commands/build.js +14 -6
- package/src/cli/commands/dev.js +28 -10
- package/src/compiler/generators/css.js +187 -28
- package/src/compiler/parser.js +23 -10
- package/src/compiler/tokenizer.js +19 -137
- package/src/config/defaults.js +45 -18
- package/src/core/constants.js +427 -0
- package/src/core/tokenizer-core.js +233 -0
- package/src/definitions/layout-alignment.js +210 -0
- package/src/definitions/layout-flex.js +155 -0
- package/src/definitions/layout-grid.js +134 -0
- package/src/definitions/layout-positioning.js +64 -0
- package/src/definitions/layout-table.js +129 -0
- package/src/definitions/layout-utilities.js +164 -0
- package/src/definitions/space.js +172 -0
- package/src/definitions/visual-backgrounds.js +231 -0
- package/src/definitions/visual-borders.js +66 -0
- package/src/definitions/visual-filters.js +111 -0
- package/src/definitions/visual-interactivity.js +159 -0
- package/src/definitions/visual-svg.js +41 -0
- package/src/definitions/visual-transform3d.js +74 -0
- package/src/definitions/visual-transforms.js +69 -0
- package/src/definitions/visual-transitions.js +144 -0
- package/src/definitions/visual-typography.js +214 -0
- package/src/definitions/visual.js +306 -1
- package/tests/integration/compiler.test.js +63 -2
- package/tests/unit/convert-tailwind.test.js +324 -0
- package/tests/unit/security.test.js +206 -0
|
@@ -22,11 +22,32 @@ visual="[break-value]"
|
|
|
22
22
|
<div visual="break-words">Long words break properly</div>
|
|
23
23
|
```
|
|
24
24
|
|
|
25
|
-
##
|
|
25
|
+
## Pratonton
|
|
26
|
+
|
|
27
|
+
<div space="p-x:big p-b:medium m-t:medium" visual="border-w:thin border:neutral-100 dark:border:neutral-800 rounded:medium">
|
|
28
|
+
|
|
29
|
+
### Pemecahan Perkataan
|
|
30
|
+
|
|
31
|
+
<div layout="flex col" space="g:medium">
|
|
32
|
+
<p space="m:none" visual="text:neutral-600 dark:text:neutral-400 text-sm"><code>visual="break-words"</code> - Kawal pemecahan perkataan</p>
|
|
33
|
+
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
|
|
34
|
+
<div space="p:small" visual="bg:primary text:white rounded:small">normal</div>
|
|
35
|
+
<div space="p:small" visual="bg:primary text:white rounded:small">break-words</div>
|
|
36
|
+
<div space="p:small" visual="bg:primary text:white rounded:small">break-all</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
<details>
|
|
41
|
+
<summary>Lihat Kod</summary>
|
|
26
42
|
|
|
27
43
|
```html
|
|
28
|
-
|
|
29
|
-
<div visual="
|
|
30
|
-
|
|
44
|
+
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
|
|
45
|
+
<div space="p:small" visual="bg:primary text:white rounded:small">normal</div>
|
|
46
|
+
<div space="p:small" visual="bg:primary text:white rounded:small">break-words</div>
|
|
47
|
+
<div space="p:small" visual="bg:primary text:white rounded:small">break-all</div>
|
|
31
48
|
</div>
|
|
32
49
|
```
|
|
50
|
+
|
|
51
|
+
</details>
|
|
52
|
+
|
|
53
|
+
</div>
|